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入门基础之私有变量
Feb 23 Javascript
javascript之学会吝啬 精简代码
Apr 25 Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
Bootstrap基本组件学习笔记之进度条(15)
Dec 08 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
原生js代码能实现call和bind吗
Jul 31 Javascript
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
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中将数组转成XML格式的实现代码
2011/08/08 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
PHP自动识别字符集并完成转码详解
2013/08/02 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
PHP 微信支付类 demo
2015/11/30 PHP
php微信公众平台配置接口开发程序
2016/09/22 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
JavaScript实现拖拽效果
2020/03/16 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
Python实现的HTTP并发测试完整示例
2020/04/23 Python
深入理解Python变量与常量
2016/06/02 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
校园招聘策划书
2014/01/09 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA