// 轮播图 // 获取第一个图片 节点对象 var firstImg = $('.lun-tu li').first().clone(); // 放在 ul 的最后 $('.lun-tu').append(firstImg).width($('.lun-tu li').length*$('.lun-tu li').width()); var i = 0; var timers; autoPlay(); // auto play自动播放切换 function autoPlay(){ timers = setInterval(function(){ i++; moveImg(i); }, 2000); } // 图片的切换 function moveImg(num){ // 如果是最后一张图片我们怎么办 if(i==$('.lun-tu>li').length){ i = 1; $('.lun-tu').css({left:0}); } // 是第一张 if(i==-1){ i=$('.lun-tu>li').length-2; $('.lun-tu').css({left:-($('.lun-tu>li').length-1)*440}); } // 移动图片 $('.lun-tu').stop().animate({left:-i*440},1000); $('.biao>li').hide(); $('.biao>li').eq(0).show(); // 换小点的标记 if(i==($('.lun-tu>li').length-1)){ // $('.dot li').eq(0).addClass('bg').siblings().removeClass('bg'); $('.biao>li').eq(0).show().siblings().hide(); }else{ // $('.dot li').eq(i).addClass('bg').siblings().removeClass('bg'); $('.biao>li').eq(i).show().siblings().hide(); } // console.log(i); // console.log($('.img_wrap li').length); } // 鼠标移入移出时轮播图的变化 $('.lun-wrap').mouseover(function(){ clearInterval(timers); console.log(333) }).mouseout(function(){ autoPlay(); });