导读:Enlarge 是一个基于 jQuery 的插件,可以非常方便地实现图放大镜的效果,适用于大多数商品类网站,例如在线商城、电子商务、企业产品介...
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 等主流浏览器。
官网
http://www.abelcode.com/enlarge/
GitHub
https://github.com/abelcode/enlarge.js