圖片放大鏡jQuery插件：Enlarge.js

jopen 11年前發布 | 35K 次閱讀 圖片展示jQuery插件 jQuery插件 Enlarge.js

Enlarge 是一個基于 jQuery 的插件，可以非常方便地實現圖片放大鏡的效果，適用于大多數商品類網站，例如在線商城、電子商務、企業產品介紹等。

下載

開發版：jquery.enlarge.js - 3.51K

壓縮版：jquery.enlarge.min.js - 1.67K

使用

默認調用：

$("#demo1").enlarge();

完整參數：

$("#demo1").enlarge(
{
    // 鼠標遮罩層樣式
    shadecolor: "#FFD24D",
    shadeborder: "#FF8000",
    shadeopacity: 0.5,
    cursor: "move",

    // 大圖外層樣式
    layerwidth: 400,
    layerheight: 300,
    layerborder: "#DDD",
    fade: true,

    // 大圖尺寸
    largewidth: 1280,
    largeheight: 960
});

兼容性

兼容 IE6+ / Chrome / Safare / Firefox / Opera 等主流瀏覽器。

圖片放大鏡jQuery插件：Enlarge.js

GitHub主頁：https://github.com/abelcode/enlarge.js
官方網站：http://www.abelcode.com/enlarge/

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！