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 相关文章推荐
Javascript 刷新全集常用代码
Nov 22 Javascript
Extjs学习笔记之四 工具栏和菜单
Jan 07 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
javascript日期操作详解(脚本之家整理)
Sep 05 Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 Javascript
js 获取经纬度的实现方法
Jun 20 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
Sep 01 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 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新手上路(四)
2006/10/09 PHP
PHP 身份证号验证函数
2009/05/07 PHP
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
PHP把小数转成整数3种方法
2014/06/30 PHP
PHP 读取文本文件内容并分页显示
2016/01/02 PHP
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
详解node nvm进行node多版本管理
2017/10/21 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
js数组去重的方法总结
2019/01/18 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
python获取url的返回信息方法
2018/12/17 Python
使用pyqt 实现重复打开多个相同界面
2019/12/13 Python
用python批量移动文件
2021/01/14 Python
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
英国在线珠宝店:The Jewel Hut
2017/03/20 全球购物
Steiff台湾官网:德国金耳釦泰迪熊
2019/12/26 全球购物
最经典的商业地产项目广告词
2014/03/13 职场文书
谢师宴答谢词
2015/01/05 职场文书
2015年司机工作总结
2015/04/23 职场文书
小学体育教学随笔
2015/08/14 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python