jquery 放大镜效果 jqzoom_心碎逍遥_新浪博客 http://blog.sina.com.cn/s/blog_4b5bc011010133rq.html
2014-05-22 13:54
633 查看
jquery 放大镜效果 jqzoom
jqzoom插件下载地址:http://115.com/file/be9ljkgy#jqzoom.rar使用非常简单,下载文件中有完整Demo
代码:
<html>
<head>
<link rel="stylesheet" href="style/jqzoom.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript">
//img标签的属性jqimg为要放大的图片路径
$(document).ready(function(){
$(".jqzoom").jqueryzoom({
xzoom:300, // 放大图的宽
yzoom:300, // 放大图的高
offset:30, // 放大图距离原图的位置
position:'right' // 放大图在原图的右边(默认为right)
});
});
</script>
</head>
<body>
<div class="jqzoom"><img src="images/eg_small.jpg" jqimg="images/eg_big.jpg"></div>
</body>
</html>
相关文章推荐
- java学习笔记------ PrintStream_都市游侠_新浪博客 http://blog.sina.com.cn/s/blog_6c1fe98c01012lcu.html
- StackOverflowError spaceOutOfMemoryError 通过jvm调优解决(转自http://blog.sina.com.cn/s/blog_790229d301015vz)
- php优化(转自http://blog.sina.com.cn/s/blog_59c77e2e0100bqch.html~type=v5_one&label=rela_nextarticle)
- 通信协议中三次握手的故事<转http://blog.sina.com.cn/heinhe >
- 理解并发编程的几种"性" -- 可见性,有序性,原子性 http://blog.sina.com.cn/s/blog_4adc4b090102whzx.html
- >> 博客分站 http://blog.sina.com.cn/wangchinaking
- JQuery中serialize()、serializeArray()和param()方法(转:http://blog.sina.com.cn/s/blog_4f925fc30100la41.html)
- 转自http://blog.sina.com.cn/daylive——C++ STL set&multiset
- 模型&技术&方法&机制【http://blog.sina.com.cn/s/blog_5420e0000101hy7o.html】
- lucence简介&lucence示例 ---http://blog.sina.com.cn/s/blog_4b81125f0100fqtj.html
- http://blog.sina.com.cn/jsmedia 郎咸平 博客
- 即日起,本博客不再更新,已转至http://blog.sina.com.cn/sijigang 个人微信:sijigang1977 公司网站http://www.maiside.cn
- 因ARP欺骗网站源文件被注入了代码http://www.cnbruce.com/blog/showlog.asp?cat_id=32&log_id=1191
- 再转帖个OpenLayers 入门级(来自http://blog.sina.com.cn/s/blog_3dbf03df01008uu3.html)
- Web版操作系统:EyeOS、YouOS、ORCA、Desktoptwo、goowy http://blog.sina.com.cn/s/blog_4af93f1b010006fe.html
- 抽象类与接口的区别--http://blog.sina.com.cn/s/blog_5e9f4ac60100ddfq.html
- 马浩的博客 http://blog.sina.com.cn/u/1243314030
- 再转帖个OpenLayers 入门级(来自http://blog.sina.com.cn/s/blog_3dbf03df01008uu3.html)
- Oracel DUAL 表的日常使用(http://blog.sina.com.cn/s/blog_53aed4430100axiv.html),更新session日期格式
- offset 在不同浏览器下的取值(http://blog.sina.com.cn/m/vicki)