最近有网友问到有没有放大镜插件啊,网站上暂时没有原创的,现在此插件是从互联网上整理出来的分享给网友们使用,放大镜是一种比较常用的功能,尤其在电子商务网站常常用到,很实用哦!
使用非常简单,引入插件后初始化一下插件即可,使用代码如下:
$(document).ready(function(){
$(".jqzoom").jqueryzoom({
xzoom: 300, //缩放div默认宽度(默认宽度为200)
yzoom: 300, //缩放div默认高度(默认高度为200)
offset: 10, //缩放div默认停靠偏移位置(默认停靠偏移位置10)
position: "right", //显示默认位置(显示默认位置为 "right")
preload:1,
lens:1
});
});
效果图如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
图片特效 图片放大 放大镜