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 四则运算精度修正函数代码
May 31 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
Javascript实现的StopWatch功能示例
Jun 13 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 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个可以简化php开发过程的MySQL工具
2010/04/11 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
8个必备的PHP功能开发
2015/10/02 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
window.open不被拦截的实现代码
2012/08/22 Javascript
jquery 无限级联菜单案例分享
2013/03/26 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
vue axios整合使用全攻略
2018/05/24 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
JavaScript实现单英文金山打字通
2020/07/24 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
大四本科生的自我评价
2013/12/30 职场文书
通知函格式范文
2015/04/27 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书
Go语言测试库testify使用学习
2022/07/23 Golang