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中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
js中复制行和删除行的操作实例
Jun 25 Javascript
js 实现浏览历史记录示例
Apr 20 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
js实现点击上传图片并设为模糊背景
Aug 02 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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Python中的index()方法使用教程
2015/05/18 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
具有防紫外线功能的高性能钓鱼服装:Hook&Tackle
2018/08/16 全球购物
会计系个人求职信范文分享
2013/12/20 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
运动会广播稿80字
2014/01/23 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
俄罗斯商务邀请函
2014/01/26 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
转让协议书范本
2014/09/13 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers