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
最代码最近下载分享源代码列表最近下载
9323249323  LV13 2023年7月25日
maoxp-1  LV2 2022年10月8日
wangyf929  LV3 2022年5月12日
luohaipeng  LV23 2019年12月5日
低调人  LV38 2019年8月1日
樊樊樊樊樊樊阵雨  LV18 2019年7月4日
401047546  LV1 2018年11月11日
zy1111  LV3 2018年10月15日
EQ666666  LV12 2018年8月31日
最代码最近浏览分享源代码列表最近浏览
Wwz12345  LV6 2023年12月25日
lanana  LV1 2023年12月23日
微信网友_6764169019854848  LV1 2023年12月4日
9323249323  LV13 2023年7月25日
大家大大  LV1 2022年12月6日
maoxp-1  LV2 2022年10月8日
wangyf929  LV3 2022年5月12日
hulinjie  LV3 2021年12月27日
Wangzai milk.  LV1 2021年12月26日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友