$(function(){ var index = 0; var timer = null; var flag = true; $(function(){ $(".bannerm li").eq(0).show().siblings().hide(); timer = setinterval(next,2500); banner(); $(".banner_nav").hover(function(){//鍒囨崲鎸夐挳 $(this).find(".change").fadein();//娣″叆 clearinterval(timer);//鍏抽棴璁℃椂鍣? },function(){ $(this).find(".change").fadeout();//娣″嚭 timer = setinterval(next,2500);//寮€鍚鏃跺櫒 }) $(".next").click(function(){ next(); }) $(".prev").click(function(){ prev(); }) }) function banner(){ var $btn = $(".dot").children();//鑾峰彇dot瀛愬瓩 var banner = $(".bannerm"); $btn.mouseover(function(){ $(this).addclass("now").siblings().removeclass("now"); var $index = $(this).index();//鑾峰彇褰撳墠搴忓彿 banner.find("ul").children().eq($index).stop().fadein().siblings().fadeout(); }) } function next(){ index++; var banner = $(".bannerm"); var len = banner.find("ul").children().length; var btn = $(".dot"); if(index>=len){//褰搃ndex绛変簬len,涔熷氨鏄浘鐗囩殑绱㈠紩涓?鐨勬椂鍊欙紝閲嶆柊璧扮涓€寮爄ndex=0; index = 0; } banner.find("ul").children().eq(index).stop().fadein().siblings().fadeout(); btn.children("span").eq(index).addclass("now").siblings().removeclass("now"); } function prev(){ index--; var banner = $(".bannerm"); var len = banner.find("ul").children().length; var btn = $(".dot"); if(index<0){//褰搃ndex绛変簬len,涔熷氨鏄浘鐗囩殑绱㈠紩涓?鐨勬椂鍊欙紝閲嶆柊璧扮涓€寮爄ndex=0; index =len-1; } banner.find("ul").children().eq(index).stop().fadein().siblings().fadeout(); btn.children("span").eq(index).addclass("now").siblings().removeclass("now"); } }) jquery.fn.extend({luara:function(a){function s(){var a;switch(j){case"top":a=h;break;case"left":a=h*g;break;default:a=h}return a}function t(){var a=b.find("img").eq(0),c={};return c.width=a.width(),c.height=a.height(),c}function u(b){var b=b||a.speed||l/6;return b>l?b=l:l>b&&0>b&&(b=arguments.callee(-b)),b}function v(){q=settimeout(function(){o++,e.eq(o-1).removeclass(n),o==g&&(o=0),r(),e.eq(o).addclass(n),v()},l)}var q,r,b=$(this).eq(0),c=$(this).find("ul").eq(0),d=c.find("li"),e=$(this).find("ol").eq(0).find("li"),f=b.find("img"),g=f.length,a=a||{},h=a.width||t().width,i=a.height||t().height,j=a.deriction||"",k="luara-"+j,l=(a.interval>0?a.interval:-a.interval)||3e3,m=u(),n=a.selected,o=0;b.width(h).height(i).addclass(k),c.width(s(j)).height(i),d.width(h).height(i),e.eq(0).addclass(n),function(){s=null,t=null,u=null}(),r=function(){switch(j){case"top":return function(){c.animate({top:-i*o+"px"},m)};case"left":return function(){c.animate({left:-h*o+"px"},m)};default:return function(){d.hide().eq(o).fadein(m)}}}(),e.mouseover(function(){e.eq(o).removeclass(n),o=e.index($(this)),$(this).addclass(n),r()}),b.mouseenter(function(){cleartimeout(q)}).mouseleave(function(){v()}),v()}}); $(function(){ $(".example").luara({width:"100%",height:"auto",interval:6000,selected:"seleted"}); });