$(document).ready(function() { //if(($("#banner-wrap img:eq(0)").width()-$(window).width())>0){ var marginLeft=$("#banner img:eq(0)").width() / 2 ; //$("#banner-wrap li").each(function(){ $("#banner").css({ "left":"50%", "margin-left":-marginLeft }); //}); //} var aLi=$('#banner li'); var aBtn=$('#page span'); var iNum=0; aLi.hide(); aLi.eq(iNum).show(); var autoPlay=function(){ iNum++; if(iNum>=aLi.length){ iNum=0; } aBtn.eq(iNum).attr('id','active').siblings().removeAttr('id','active'); //aLi.eq(iNum).slideDown().siblings().slideUp(); aLi.eq(iNum).fadeIn(1000).siblings().fadeOut(100); } var timeOut=setInterval(autoPlay, 3500); aBtn.stop().mousedown(function(){ clearInterval(timeOut); iNum=$(this).index(); aBtn.eq(iNum).attr('id','active').siblings().removeAttr('id','active'); //aLi.eq(iNum).slideDown().siblings().slideUp(); aLi.eq(iNum).fadeIn(1000).siblings().fadeOut(100); }).mouseup(function(){ timeOut=setInterval(autoPlay, 3500); }); });