// javascript document $(document).ready(function($){ var $showpic =$('#bannerlist li'); var $btonbox=$('#bannerbton'); var _n=0; var _vt=3000; var _vf=1000; var timer; //生成角标 for(i=1;i<=$showpic.length;i++){ $btonbox.append('
'); } var $btonlist=$btonbox.children('li'); //鼠标事件 $btonlist.each(function(e){ $(this).hover(function(){ clearinterval(timer); showimg(e); _n=e; },function(){ timer = setinterval(auto,_vt); }); }); //图片轮换 var showimg= function(n){ $showpic.stop(true,true).eq(n).fadein(_vf).siblings().fadeout(_vf); $btonlist.eq(n).addclass('up').siblings().removeclass('up'); } //自动播放 var auto=function(){ showimg(_n); _n++ if(_n == $showpic.length){_n=0;} } timer = setinterval(auto,_vt); showimg(_n); _n++; });