JQuery 图片放大镜效果
2011-11-28 20:10
423 查看
实例下载地址:
http://download.csdn.net/detail/evangel_z/3895087
插件下载地址:
http://www.mind-projects.it/projects/jqzoom/
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
http://download.csdn.net/detail/evangel_z/3895087
插件下载地址:
http://www.mind-projects.it/projects/jqzoom/
<html> <head> <title>JQzoom 2 Demo</title> <script src="../js/jquery-1.6.js" type="text/javascript"></script> <script src="../js/jquery.jqzoom-core.js" type="text/javascript"></script> <link rel="stylesheet" href="../css/jquery.jqzoom.css" type="text/css"> <script type="text/javascript"> $(document).ready(function() { $('.jqzoom').jqzoom({ zoomType: 'standard', lens:true, preloadImages: false, alwaysOn:false }); }); </script> </head> <body> <a href="imgProd/triumph_big1.jpg" class="jqzoom" rel='gal1' title="triumph" > <img src="imgProd/triumph_small1.jpg" title="triumph" style="border: 4px solid #666;"> </a> </body> </html>这里就是放大镜的效果了,具体的文档和例子请参考
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
相关文章推荐
- Jquery插件开发之图片放大镜效果(仿淘宝)
- jQuery和CSS3打造逼真的图片放大镜效果
- [转]jquery 鼠标放在图片上显示图片的放大镜效果jqzoom_ev-2.3
- jQuery-实现图片的放大镜显示效果
- 图片 jquery.imageLens.js 图片放大镜效果
- JS(jquery)实现图片放大镜效果
- Jquery实现图片放大镜效果的思路及代码(自写)
- 用JQuery模仿淘宝的图片放大镜显示效果
- Jquery实现图片放大镜效果的思路及代码
- 图片放大镜效果【jQZoom-JQuery插件】
- 基于jQuery插件jqzoom实现的图片放大镜效果示例
- 自己写的jQuery放大镜插件效果(二)(采用只有一张图片的思路)
- jquery 图片放大效果(放大镜代码)
- 实现产品图片放大镜效果(jQuery)
- 用JQuery模仿淘宝的图片放大镜显示效果
- jQuery实现图片局部放大镜效果
- JS(jquery)实现图片放大镜效果
- jQuery-图片的放大镜显示效果(不需要大小图) ,放大镜图层显示在图片左右侧,不适用table
- jQuery-图片的放大镜显示效果(需要大小图)
- Jquery图片放大镜效果