制作思路：“放大鏡”后有一幅背景圖，它是“放大了”的圖的原本。我們通過移動“放大鏡”時適當調整背景圖的位置，使它顯示的剛好是需要要放大的部分。

　　效果演示： (點這里在新窗口中查看)

　　制作步驟：

　　１）先準備兩幅內容相同尺寸不同的圖片，這里我們找了一個400×300像素的縮略圖small_hill.gif，一個800×600像素的大圖big_hill.gif。然后再準備一個“放大鏡”的圖片，注意它中間部分必須是透明的，這里我們準備了一個綠色的方框 viewer.gif。

　　２）編寫如下的代碼：

　　以下是兩幅圖的代碼，都它們作為層。第一幅是縮略圖，第二幅是“放大鏡”，首先將它的背景移到不可見的地方； 其中“ onclick="moveme=!moveme" ”表示每次點擊它都改變“moveme”的布爾值。

"small_hill.gif"https://www.gxlcms.com/ id=https://www.gxlcms.com/"bgLayer"https://www.gxlcms.com/ style=https://www.gxlcms.com/"position:absolute; left:150px; top:50px;"https://www.gxlcms.com/>
"viewer.gif"https://www.gxlcms.com/ id=https://www.gxlcms.com/"myviewer"https://www.gxlcms.com/ onclick=https://www.gxlcms.com/"moveme=!moveme"https://www.gxlcms.com/ onmousemove=https://www.gxlcms.com/"viewit(this)"https://www.gxlcms.com/
style=https://www.gxlcms.com/"left:0;top:0;background-repeat:no-repeat; background-position:2000px 2000px;position:absolute;"https://www.gxlcms.com/>https://www.gxlcms.com/

以下是JavaScript腳本:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com