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 字符串乘法
Aug 20 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
关于延迟加载JavaScript
May 05 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
JS使用插件cryptojs进行加密解密数据实例
May 11 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 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
关于crontab的使用详解
2013/06/24 PHP
easyui的tabs update正确用法分享
2014/03/21 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
php查询内存信息操作示例
2019/05/09 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
python 显示数组全部元素的方法
2018/04/19 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
画展邀请函
2015/01/31 职场文书
小班教师个人总结
2015/02/05 职场文书