oopslwb的gravatar头像
oopslwb 2015-01-12 11:25:29

jquery图片放大插件jqzoom鼠标悬停图片放大器网页特效源码下载

jquery图片放大插件jqzoom鼠标悬停图片放大器网页特效源码下载 


特效说明:一款带左右箭头及自动轮播jQuery幻灯片网页特效,该特效基于jquery-1.3.2.min.js和jqzoom.pack.1.0.1.js编写,适合产品图片、商业图片展示jquery放大器代码,兼容主流浏览器。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)

使用方法:1、调用CSS样式:
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">

2、调用JS插件代码:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、初始化JS代码:
 

<script type="text/javascript">
$(function() {
    var options =
    {
        zoomWidth: 250, //放大镜的宽度
        zoomHeight: 250,//放大镜的高度
        zoomType:'reverse'
    };
    $(".jqzoom").jqzoom(options);
});
</script>

演示地址   原帖及源代码下载地址


打赏

文件名:Magnifier.zip,文件大小:430.964K 下载
  • /
      • /Magnifier
          • /Magnifier/css
            • /Magnifier/css/jqzoom.css
          • /Magnifier/images
            • /Magnifier/images/big.jpg
            • /Magnifier/images/bodyBg.jpg
            • /Magnifier/images/bodyBg2.jpg
            • /Magnifier/images/bodyBg3.jpg
            • /Magnifier/images/small.jpg
            • /Magnifier/images/zoomloader.gif
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友