关于Jqzoom的使用心得 jquery放大镜效果插件


Posted in Javascript onApril 12, 2010

下面是完整的代码 jqzoom打包下载地址

<html> 
<head> 
<title>JQzoom Demo</title> 
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script> 
<link rel="stylesheet" href="../css/jqzoom.css" type="text/css"> 
<style type"text/css"> 
div.notes{ 
    font-size:12px; 
} 
div.notes a{ 
    color:#990000; 
} 
</style> 
<script type="text/javascript"> 
$(function() { 
    $(".jqzoom").jqzoom(); 
}); 
</script> 
</head> 
<body> 
<div id="content" style="margin-top:100px;margin-left:100px;"> 
<a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki"> 
        <img src="kawasakigreen_small.jpg" title="kawasakigreen" style="border: 1px solid #666;"> 
</a><select style="position:absolute;left:400px;top:10px;"><option>sdsdsds</option></select> 
<br> 
<div class="notes"> 
<small>created by Renzi Marco</small> 
<a href="http://www.mind-projects.it/projects/jqzoom/contact.php">Hire me</a><br> 
<a href="http://www.mind-projects.it/projects/jqzoom">view all Demos</a> 
</div> 
</div> 
</body></html>

下面主要演示Jqzoom的方法!推荐一下!
<script type="text/javascript"> 
window.onload = function() { 
$(".jqzoom").jqueryzoom({ 
xzoom: 250, //设置放大 DIV 长度(默认为 200) 
yzoom: 250, //设置放大 DIV 高度(默认为 200) 
offset: 10, //设置放大 DIV 偏移(默认为 10) 
position: "right", //设置放大 DIV 的位置(默认为右边) 
preload: 1, 
lens: 1 
}); 
} 
</script>
Javascript 相关文章推荐
js apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
js中function()使用方法
Dec 24 Javascript
javascript 常见功能汇总
Jun 11 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
vue 开发之路由配置方法详解
Dec 02 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 Javascript
Javascript 判断Flash是否加载完成的代码
Apr 12 #Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 #Javascript
javascript URL编码和解码使用说明
Apr 12 #Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 #Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 #Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 #Javascript
javascript cookies操作集合
Apr 12 #Javascript
You might like
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
jquery插件之easing使用
2010/08/19 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
2017/02/14 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
Pytorch之finetune使用详解
2020/01/18 Python
Python numpy矩阵处理运算工具用法汇总
2020/07/13 Python
简单html5代码获取地理位置
2014/03/31 HTML / CSS
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
三年级班级文化建设方案
2014/05/04 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
2014年学生工作总结
2014/11/20 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
工作调动申请报告
2015/05/18 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python