特效介绍

鼠标悬停放大图片的jQuery放大镜插件代码。由于使用了css3圆角效果,所以不兼容IE8以上浏览器。
使用方法
第一步、在head区域引入5imoban.net.css文件第二步、在您的html文件想要引入下面的代码:
1 | < div class = "zoomybox" >< a class = "zoom" href = "images/lucyZoom.jpg" >< img src = "images/lucyTn.jpg" /></ a ></ div > |
2 | < script type = "text/javascript" src = "http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" ></ script > |
3 | < script type = "text/javascript" src = "js/jquery.zoomy0.5.min.js" ></ script > |
4 | < script type = "text/javascript" > |
5 | //This is it |
6 | $(function(){ |
7 | $('.zoom').zoomy(); |
8 | }); |
9 | </ script > |