oopslwb的gravatar头像
oopslwb2015-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
最代码最近下载分享源代码列表最近下载
luohaipeng LV232019年12月5日
太阳月亮星星星星星星
筱进GG LV382019年8月1日
太阳太阳月亮星星星星
樊樊樊樊樊樊阵雨 LV162019年7月4日
太阳
401047546 LV12018年11月11日
星星
zy1111 LV32018年10月15日
星星星星星星
EQ666666 LV122018年8月31日
月亮月亮月亮
zhangben_0710 LV122018年7月4日
月亮月亮月亮
郝阳阳 LV22018年5月16日
星星星星
十小时 LV122018年4月9日
月亮月亮月亮
最代码最近浏览分享源代码列表最近浏览
hulinjie LV32021年12月27日
星星星星星星
Wangzai milk. LV12021年12月26日
星星
zengwei123321 LV192021年7月14日
太阳星星星星星星
li837437513 LV142020年12月27日
月亮月亮月亮星星星星
gshnlj LV132020年11月10日
月亮月亮月亮星星
1jj15j LV62020年6月14日
月亮星星星星
xiao11111 LV32020年3月10日
星星星星星星
luohaipeng LV232019年12月4日
太阳月亮星星星星星星
mjmkl7j2019年10月27日
暂无贡献等级
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友