·暖陽··天極設(shè)計在線在Flash中我們用蒙板加上一些簡單的腳本便可實現(xiàn)一個動態(tài)的圖片放大鏡。現(xiàn)在我們只用JavaScript結(jié)合CSS語言也可以輕易做出這個效果。 制作思路:“放大鏡”后有一幅背景圖,它是“放大了”的圖的原本。我們通過移動“放大鏡”時適當調(diào)整背景圖的位置,使它顯示的剛好是需要要放大的部分! ⌒Ч菔荆骸 ≈谱鞑襟E: 。保┫葴蕚鋬煞鶅(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下測試通過)