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 27 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
Jan 02 Javascript
JS实现的JSON序列化操作简单示例
Jul 02 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
vue拖拽组件使用方法详解
Dec 01 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
Vue.js标签页组件使用方法详解
Oct 19 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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
PHP4在Windows2000下的安装
2006/10/09 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
document.getElementById介绍
2011/09/13 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
一个有意思的鼠标点击文字特效jquery代码
2017/09/23 jQuery
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
Python 字符串操作方法大全
2014/03/11 Python
目前最全的python的就业方向
2018/06/05 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
Python collections模块使用方法详解
2019/08/28 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
高中三年学习生活的自我评价
2013/10/10 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
考试诚信承诺书
2014/05/23 职场文书
教师求职自荐书
2014/06/14 职场文书
公司租车协议书
2015/01/29 职场文书
中班教师个人总结
2015/02/05 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
天鹅湖观后感
2015/06/09 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android