jQuery自适应宽屏左右滑动焦点图代码

时间：2015-08-03 来源：互联网

特效说明：

一款jQuery自适应宽屏左右滑动焦点图代下载，该JS代码是酷我音乐首页jQuery焦点图代码，带左右箭头按钮，自适应宽屏左右平滑自动轮播切换的网站焦点图特效。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link rel="stylesheet" href="css/index0521.css">

2、调用JS插件代码：
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/if.Common.Banner.js"></script>
<script type="text/javascript" src="js/index.js"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、JS代码：
<script type="text/javascript">
jQuery(function(){
   var len = jQuery(".heros li").length;
   jQuery(".heros li").each(function(index, element) {
        len--;
        jQuery(this).css("z-index", len);
   });
   jQuery(".hero").mousemove(function(){
       jQuery(".mask-left, .mask-right").show();
   });
   jQuery("#main").mouseleave(function(){
       jQuery(".mask-left, .mask-right").hide();
   });
})
</script>

标签左右按钮 jQuery焦点图自适应宽屏宽屏焦点图平滑切换

预览收藏分享评论