首頁  >  文章  >  web前端  >  javascript放大鏡效果的簡單實作_javascript技巧

javascript放大鏡效果的簡單實作_javascript技巧

WBOY
WBOY原創
2016-05-16 17:10:09931瀏覽

這個效果並不難,重點是位置和比例設置,

捕捉滑鼠位置、判斷滑鼠位置區域、還有onmouseover事件、onmousemove事件、onmouseout事件

設定顯示大圖的比例,小圖上顯示的切圖比例都要弄準確點,最好是2倍啦,4倍啦。

主要注意寬度,我這裡的圖片m.jpg是1440X900的....

複製程式碼 程式碼如下:





放大鏡效果




 
 
 


 







陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn