jQuery实现为图片添加镜头放大效果的方法


Posted in Javascript onJune 25, 2015

本文实例讲述了jQuery实现为图片添加镜头放大效果的方法。分享给大家供大家参考。具体如下:

运行效果如下图所示:

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程序设计有所帮助。

Javascript 相关文章推荐
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
jQuery CSS()方法改变现有的CSS样式
Aug 20 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
在Vue中使用Compass的方法
Mar 02 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
Sep 02 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
JavaScript中的几种继承方法示例
Dec 06 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 #Javascript
使用javascript提交form表单方法汇总
Jun 25 #Javascript
Jquery结合HTML5实现文件上传
Jun 25 #Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 #Javascript
javascript学习笔记之函数定义
Jun 25 #Javascript
把Node.js程序加入服务实现随机启动
Jun 25 #Javascript
javascript控制台详解
Jun 25 #Javascript
You might like
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
php使用pdo连接并查询sql数据库的方法
2014/12/24 PHP
PHP Filter过滤器全面解析
2016/08/09 PHP
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
JS实现两周内自动登录功能
2017/03/23 Javascript
微信小程序 本地数据存储实例详解
2017/04/13 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
layui动态绑定事件的方法
2019/09/20 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
python操作CouchDB的方法
2014/10/08 Python
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
深入理解Python中的super()方法
2017/11/20 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
Python PyInstaller安装和使用教程详解
2020/01/08 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
python导入库的具体方法
2020/06/18 Python
采购部岗位职责
2013/11/24 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
《落花生》教学反思
2014/02/25 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
暑期学习心得体会
2014/09/02 职场文书
2015年民主评议党员工作总结
2015/05/19 职场文书
家装电话营销开场白
2015/05/29 职场文书
美丽心灵观后感
2015/06/01 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书