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中window.open打开一个新的页面
Aug 10 Javascript
JS 使用for循环遍历子节点查找元素
Sep 06 Javascript
详细分析JavaScript变量类型
Jul 08 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
用AngularJS的指令实现tabs切换效果
Aug 31 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
js+canvas实现画板功能
Sep 13 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性能的21种方法介绍
2013/06/25 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
一个简单的jquery的多选下拉框(自写)
2014/05/05 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
2016/11/07 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
英国复古服装购物网站:Collectif
2019/10/30 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
高中英语演讲稿范文
2014/04/24 职场文书
厕所文明标语
2014/06/11 职场文书
奖金申请报告模板
2015/05/15 职场文书