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 相关文章推荐
js定时器(执行一次、重复执行)
Mar 07 Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
Javascript基础知识(二)事件
Sep 29 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
Aug 05 Javascript
关于axios返回空对象的问题解决
Apr 04 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
小程序tab页无法传递参数的方法
Aug 03 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
Jul 27 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
js数组操作常用方法
2014/05/08 Javascript
js在IE与firefox的差异集锦
2014/11/11 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
axios学习教程全攻略
2017/03/26 Javascript
微信小程序结合mock.js实现后台模拟及调试
2019/03/28 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
python中的变量如何开辟内存
2018/06/26 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
python系列 文件操作的代码
2019/10/06 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
抽象类和接口的区别
2012/09/19 面试题
大学四年学习的自我评价分享
2013/12/09 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
小学教学工作总结2015
2015/05/13 职场文书
OpenCV-Python 实现两张图片自动拼接成全景图
2021/06/11 Python
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL