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
最代码最近下载分享源代码列表最近下载
maoxp-1  LV2 10月8日
wangyf929  LV3 5月12日
luohaipeng  LV23 2019年12月5日
低调人  LV38 2019年8月1日
樊樊樊樊樊樊阵雨  LV17 2019年7月4日
401047546  LV1 2018年11月11日
zy1111  LV3 2018年10月15日
EQ666666  LV12 2018年8月31日
zhangben_0710  LV12 2018年7月4日
最代码最近浏览分享源代码列表最近浏览
maoxp-1  LV2 10月8日
wangyf929  LV3 5月12日
hulinjie  LV3 2021年12月27日
Wangzai milk.  LV1 2021年12月26日
zengwei123321  LV19 2021年7月14日
li837437513  LV14 2020年12月27日
gshnlj  LV14 2020年11月10日
1jj15j  LV6 2020年6月14日
xiao11111  LV3 2020年3月10日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友