1、這個(gè)一般是用css來(lái)顯示特定內(nèi)容的譬如有張圖片iconpng，里面有很多內(nèi)容，便可以在css中這么用sa width20pxheight20pxoverflowhiddenbackgroundurliconpngnorepeat 20px 30px 注解寬度和高度是。

2、我這里有個(gè)附加demo 和含文檔說(shuō)明的例子希望可以幫助你 jQuery Cloud Zoom圖片放大鏡插件 我愛(ài)模板推薦 jQuery Cloud Zoom圖片放大鏡插件想要類(lèi)似淘寶京東產(chǎn)品展示圖片放大效果么，Cloud Zoom是一款不錯(cuò)的選擇它。

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

4、2添加“onmouseover”js事件，首先使用“documentgetElementById”獲取到圖片標(biāo)簽，然后定義鼠標(biāo)移動(dòng)到圖片上時(shí)發(fā)生的事件，這時(shí)圖片將會(huì)放大3添加“onmouseout”js事件，首先獲取圖片標(biāo)簽，然后定義鼠標(biāo)移開(kāi)圖片時(shí)發(fā)生的事件。

5、輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖。

6、function myFunction var src=$quot#imgipquotattrquotsrcquotquot#imgidquotattrquotsrcquot，srcquot#dividquotcssquotdisplayquot，quotblockquot function myFunc quot#dividquotcssquotdisplayquot，quotquot。

7、點(diǎn)擊圖片出現(xiàn)大圖片這個(gè)和php無(wú)關(guān)，這個(gè)是javascript的內(nèi)容用jquery吧，各種華麗效果插件，用起來(lái)也簡(jiǎn)單的很。

8、回答copy運(yùn)行我如下代碼 lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401ENquot quot strictdtdquot lthtml lthead ltmeta。

9、inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrc 引一個(gè)jquery文件，圖片地址替換一下就可以了。

10、分別寫(xiě)一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫(xiě)想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39。

11、你用JS設(shè)計(jì)一下鼠標(biāo)的點(diǎn)擊事件，然后實(shí)現(xiàn)滑輪的縮放。

12、所以你這代碼循環(huán)后產(chǎn)生的a標(biāo)簽的id都是example1，所以就出問(wèn)題了可以考慮用類(lèi)class來(lái)代替ID，而類(lèi)是允許重復(fù)的lta class=quotexample1quot title=quotquot href=quotlt%=rs3quotheadimgquot%quot然后jQuery中用 $quot。

13、圖片放大可以用和這個(gè)方法，圖片放大后不會(huì)失真 第一步，添加需要放大的圖片 第二步，批量添加，如果多余可以刪除 第三步，可以選擇風(fēng)格，降噪程度 第四步，選擇放大倍數(shù) 第五步，自定義輸出位置 第六步，設(shè)置完成后點(diǎn)擊。

14、先關(guān)閉彈出層，后關(guān)閉遮罩層5點(diǎn)擊按鈕后，彈出，要給按鈕加上onclick函數(shù)，點(diǎn)我，顯示彈出層6整體代碼如下，css 樣式可根據(jù)個(gè)人的喜好自行添加。

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

16、var flag=false用來(lái)記錄是第一次點(diǎn)擊還是第二次點(diǎn)擊圖片function check處理函數(shù) ifflag==false第一次點(diǎn)擊，放大圖片 flag=ture 放大圖片 else第二次點(diǎn)擊，縮小圖片 flag=false。