//轮播图 var ad_pic = $(".ad_pic"); var div = ad_pic.find("div"); var oneWidth = div.eq(0).width(); var number = $('.ad_pic_pagination').find("span"); var timer = null; var sw = 0; number.on("click",function (){ $(this).addClass("slider-pagination-item-active").siblings("span").removeClass("slider-pagination-item-active"); sw=$(this).index(); ad_pic.animate({ "right":oneWidth*sw, //标签的动画为向左移动; }); }); timer = setInterval(function (){ sw++; if(sw==number.length){sw=0}; number.eq(sw).trigger("click"); },5000); //手指滑动,图片滑动 $(".ad_pic").on('touchstart', function(e) { var touch = e.originalEvent, startX = touch.changedTouches[0].pageX; $(".ad_pic").on('touchmove', function(e) { e.preventDefault(); touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; if (touch.pageX - startX > 100) { var i = 0;//当前图片的index $('.ad_pic_pagination').find("span").each(function(){ if($(this).hasClass('slider-pagination-item-active')){ i = $(this).index(); } }); var k = 0; if(i==number.length-1){ k = 0; }else{ k = i + 1; } $(".ad_pic").off('touchmove'); number.eq(k).trigger("click"); } else if (touch.pageX - startX < -100) { var i = 0;//当前图片的index $('.ad_pic_pagination').find("span").each(function(){ if($(this).hasClass('slider-pagination-item-active')){ i = $(this).index(); } }); var k = 0; if(i == 0){ k = number.length-1; }else{ k = i - 1; } $(".ad_pic").off('touchmove'); number.eq(k).trigger("click"); }; }); });