jquery實現圖片放大鏡功能_jquery

　　這里用到了兩張圖片，一張小圖，一張大圖。將大圖設置為放大鏡的背景圖片，當鼠標在小圖上移動時，同時控制背景大圖在放大鏡中的位置。兩張圖片大小最好是等比例的，這樣才能達到最佳效果。當沒有大圖時，則默認為小圖本身，這時由于兩張圖片大小一樣，因此放大鏡效果不明顯，就跟沒放大是一樣的。

　　此插件用到了html5，css3的一些屬性，ie8及以下版本不兼容，放大鏡是方形的。

運行效果截圖如下：

具體代碼如下：

實例DEMO如下：

 
 
 


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

jquery實現圖片放大鏡功能_jquery

jquery實現圖片放大鏡功能_jquery:實現原理： 這里用到了兩張圖片，一張小圖，一張大圖。將大圖設置為放大鏡的背景圖片，當鼠標在小圖上移動時，同時控制背景大圖在放大鏡中的位置。兩張圖片大小最好是等比例的，這樣才能達到最佳效果。當沒有大圖時，則默認為小圖本身，這時由于兩張圖片大小

推薦度：

點擊下載本文 文檔為doc格式