JQzoom是一个JQuery插件，可以实现图片的放大镜效果，就是把鼠标移到小图上，旁边出现大图的局部放大。 演示 下载地址 使用方法： 1、添加JQuery、JQzoom及JQzoom CSS文件到<head> <script src = "js/jquery-1.2.6.js" type = "text/javascript"><!--mce:0--></script> <script src = "js/jquery.jqzoom-1.0.1.js" type = "text/javascript"><!--mce:1--></script> 2、使用<a>标签，链接指向放大图。 <a href = "images/BIGIMAGE.JPG" title = "MYTITLE" class = "MYCLASS" ><img src = "images/SMALLIMAGE.JPG" title = "IMAGE TITLE" class = "mceItem"></a> 3、页面载入时导入JQzoom插件 $(document).ready(function(){ $('.MYCLASS').jqzoom();}); } 也可以设置参数，指定放大区域大小、位置及效果 $(document).ready(function(){ var options = { zoomWidth: 300 , zoomHeight: 250 , xOffset: 10 , yOffset: 0 , position: "right" //and MORE OPTIONS}; $('.MYCLASS').jqzoom(options);}); }
扫一扫
219
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
