·暖陽··天極設計在線在Flash中我們用蒙板加上一些簡單的腳本便可實現(xiàn)一個動態(tài)的圖片放大鏡�，F(xiàn)在我們只用JavaScript結合CSS語言也可以輕易做出這個效果。 制作思路：“放大鏡”后有一幅背景圖，它是“放大了”的圖的原本。我們通過移動“放大鏡”時適當調(diào)整背景圖的位置，使它顯示的剛好是需要要放大的部分。 效果演示： 制作步驟： １）先準備兩幅內(nèi)容相同尺寸不同的圖片，這里我們找了一個400×300像素的縮略圖small_hill.gif，一個800×600像素的大圖big_hill.gif。然后再準備一個“放大鏡”的圖片，注意它中間部分必須是透明的，這里我們準備了一個綠色的方框 viewer.gif�！ 。玻┚帉懭缦碌拇a： 以下是兩幅圖的代碼，都它們作為層。幅是縮略圖，第二幅是“放大鏡”，首先將它的背景移到不可見的地方； 其中“ onclick="moveme=!moveme" ”表示每次點擊它都改變“moveme”的布爾值。
以下是JavaScript腳本。
現(xiàn)在看一下效果，還不錯吧？這個小技巧可以用于地圖或集體照的頁面，簡潔、美觀又方便�！ �(該腳本在windows 00、windows XP及各自帶的IE下測試通過)
上一篇：
網(wǎng)頁圖片特效小技巧
下一篇：
有趣的仿QQ面板導航菜單