$(function(){ var listn = $(".banner li").size(); for(i=0;i'); } $(".banner ul li").eq(0).css("display","block").fadein(600); $(".banner .number span").eq(0).addclass("on") var sw = 1; $(".banner .number span").mouseover(function(){ sw = $(".number span").index(this); myshow(sw); }); function myshow(i){ $(".banner ul li").eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); $(".banner .number span").eq(i).addclass("on").siblings("span").removeclass("on"); } //滑入停止动画,滑出开始动画 $(".banner").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw) sw++; if(sw==listn){sw=0;} } , 5000); }); //自动开始 var mytime = setinterval(function(){ myshow(sw) sw++; if(sw==listn){sw=0;} } , 3500); $(".banner .prev").click(function(){ // $('.banner .number span').each(function(i){ // if ($(this).hasclass("on")) { // var sw = i; // }; // }); var sw = $('.banner .number span.on').index(); // alert(sw); if(sw<=0){sw = listn-1;}else{sw = sw-1;} myshow(sw); }) $(".banner .next").click(function(){ // $('.banner .number span').each(function(i){ // if ($(this).hasclass("on")) { // var sw = i; // }; // }); var sw = $('.banner .number span.on').index(); // alert(sw); if( sw == listn-1){sw=0;}else{sw = sw+1;} myshow(sw); }) })