// 轮播图效果 function banner(a,b,c,d){ var i=0,auto,att=$(a).length; $(a).eq(0).show().siblings().hide(); // $(d).eq(0).show().siblings().hide(); $(d).eq(0).css('left','30').siblings().hide(); $(b).eq(0).addclass(c).siblings().removeclass(c); // 自动 autoitm(a,b,c,d); //滑过 $(b).hover(function(){ clearinterval(auto); i=$(this).index(); autoban(a,b,c,d); },function(){ autoitm(a,b,c,d); }); function autoban(a,b,c,d){ let sqw=$(window).width(); $(a).eq(i).stop(true,true).fadein(300).siblings().stop(true,true).fadeout(300); // $(d).eq(i).stop(true,true).fadein(300).siblings().stop(true,true).fadeout(300); if(sqw<=375){ $(d).eq(0).css('left','30%').siblings().hide(); $(d).eq(i).animate({'left':'0%'},300,'', $(d).eq(i).fadein(300).stop(true,true).animate({'left':'100%'}).stop(true,true).siblings().fadeout(100)); }else{ $(d).eq(0).css('left','0').siblings().hide(); $(d).eq(i).animate({'left':'30%'},300,'', $(d).eq(i).fadein(300).stop(true,true).animate({'left':'100%'}).stop(true,true).siblings().fadeout(100)); } $(b).eq(i).stop(true,true).addclass(c).siblings().stop(true,true).removeclass(c); }; function autoitm(a,b,c,d){ auto=setinterval(function(){ i++; if(i>att-1){ i=0; } autoban(a,b,c,d); },6000); }; }