JS(jquery)实现图片放大镜效果
2008-07-31 15:04
1051 查看
呵呵,我又看到了一种jquery的插件jquzoom, JS(jquery)实现图片放大镜效果
<HTML>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<link href="http://www.vancl.com/css/jqzoom.css" type="text/css" rel="stylesheet" />
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.jqzoom.js"></SCRIPT>
<SCRIPT type=text/javascript>
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("img.jqzoom").jqueryzoom({
xzoom: 400,
yzoom: 400,
offset: 15,
position: "right"
});
});
</SCRIPT>
<BODY>
<img class=jqzoom src="http://t12.baidu.com/it/u=1570691239,2179002097&fm=3&gp=31.jpg" alt="http://hiphotos.baidu.com/幽冥欢/pic/item/5dbd754e588d9006b2de05aa.jpg" border=0 >
</BODY>
</HTML>
<HTML>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<link href="http://www.vancl.com/css/jqzoom.css" type="text/css" rel="stylesheet" />
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.jqzoom.js"></SCRIPT>
<SCRIPT type=text/javascript>
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("img.jqzoom").jqueryzoom({
xzoom: 400,
yzoom: 400,
offset: 15,
position: "right"
});
});
</SCRIPT>
<BODY>
<img class=jqzoom src="http://t12.baidu.com/it/u=1570691239,2179002097&fm=3&gp=31.jpg" alt="http://hiphotos.baidu.com/幽冥欢/pic/item/5dbd754e588d9006b2de05aa.jpg" border=0 >
</BODY>
</HTML>
相关文章推荐
- JS(jquery)实现图片放大镜效果
- Jquery实现图片放大镜效果的思路及代码
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 完美图片蒙太奇的JS效果基于JQuery实现(多个大小不同图片拼接成图片墙)
- js+jquery+html实现在三种不通的情况下,点击图片放大的效果
- js实现图片放大镜效果
- 纯CSS3实现多种不同的等待效果(无js/jquery/无图片)
- 实现产品图片放大镜效果(jQuery)
- 图片 jquery.imageLens.js 图片放大镜效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jQuery实现图片局部放大镜效果
- jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
- JS实现图片放大镜效果的方法
- 分别用javascript,jquery实现 对图片的放大镜效果
- 图片放大镜效果-- jquery实现
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 基于jQuery插件jqzoom实现的图片放大镜效果示例
- 网页中图片轮翻效果(js+jQuery实现)
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 图片放大镜效果-- jquery实现