这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件flyout弹出图片 三。

由远到仅需要做图片的效果或者用css3效果也行，但目前的兼容性不行div固定大小 js，jquery只用setTimeoutsetInterval函数进行图片由小变大，宽度到底指定宽度后停止放大。

用JS结合CSS完成 onMouseOver 对应的height 和widtth是鼠标经过的变大的值，onMouseOut对应的是原始大小img标签的那个height和width要和onMouseOut的那个一样，当然你也可以按个人喜好设。

新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图。

上面大图是 function showImg 这里用到的是Jquery选择器，用documentgetElementByIdid函数也可以做到 thissrc我不确定对不对，反正是取当前对象的src属性 quot#largePhotoViewquotattrquotsrcquot，thissrc 然后点击对应的小图就可以了。