這個(gè)是隨鼠標(biāo)移動(dòng)查看放大圖片響應(yīng)的是onmousemove事件 你可以改下 第二種方法可自定義CSS樣式，控制jQuery插件jQuery Image Flyout提示小圖片顯示效果代碼 一，包含文件 二，HTML部分DIV層內(nèi)所用圖片鏈接jQuery插件flyout彈出圖片 三。

由遠(yuǎn)到僅需要做圖片的效果或者用css3效果也行，但目前的兼容性不行div固定大小 js，jquery只用setTimeoutsetInterval函數(shù)進(jìn)行圖片由小變大，寬度到底指定寬度后停止放大。

用JS結(jié)合CSS完成 onMouseOver 對(duì)應(yīng)的height 和widtth是鼠標(biāo)經(jīng)過的變大的值，onMouseOut對(duì)應(yīng)的是原始大小img標(biāo)簽的那個(gè)height和width要和onMouseOut的那個(gè)一樣，當(dāng)然你也可以按個(gè)人喜好設(shè)。

新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖。

上面大圖是 function showImg 這里用到的是Jquery選擇器，用documentgetElementByIdid函數(shù)也可以做到 thissrc我不確定對(duì)不對(duì)，反正是取當(dāng)前對(duì)象的src屬性 quot#largePhotoViewquotattrquotsrcquot，thissrc 然后點(diǎn)擊對(duì)應(yīng)的小圖就可以了。