本文实例讲述了jQuery实现为图片添加镜头放大效果的方法。分享给大家供大家参考。具体如下：
运行效果如下图所示：
主要代码如下：
$(function () {
$("#img_01").imageLens();
$("#img_02").imageLens({ lensSize: 200 });
$("#img_03").imageLens({ imageSrc: "images/sample01.jpg" });
$("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });
});
完整实例代码点击此处本站下载。
jQuery实现类似淘宝网图片放大效果的方法
JQuery实现鼠标移动图片显示描述层的方法
jQuery动态背景图片效果实现方法
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
jQuery实现图片与文字描述左右滑动自动切换的方法
jQuery实现下拉框选择图片功能实例
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
jQuery实现的分页插件完整示例
微信小程序实现带放大效果的轮播图
html网页特效之:jQuery弹框插件使用方法详解
怎么通过jQuery实现鼠标滑动切换图片特效
网页特效制作:jQuery实现移动端笔触canvas电子签名
对于jquery绑定事件 bind和on的用法与区别分析
总结分享jquery更改元素属性attr()方法操作示例
经验分享：jQuery--遍历操作实例小结【后代、同胞及过滤】
经验分享：jQuery 选择器用法实例分析【prev + next】
jQuery 选择方法及$(this)用法实例分析
Jquery ajax书写方法代码实例解析
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jquery滑动门/tab切换实现方法完整示例
JQuery实现折叠式菜单的详细代码
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
jQuery实现倒计时功能完整示例
jQuery cookie的公共方法封装和使用示例
JQuery获得内容和属性方法解析
jQuery实现视频展示效果
基于JavaScript或jQuery实现网站夜间/高亮模式
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
