jQuery.fn.LoadImage=function(scaling,obj){ var n = obj.length; return this.each(function(){ var $t = $(this); var src = $(this).attr("data-img"); var img = new Image(); img.src = src; //澶勭悊ff涓嬩細鑷姩璇诲彇缂撳瓨鍥剧墖 if(img.complete || img.width){ n -- ; if(n == 0){ banner(); } return; } $(img).load(function(){ $t.attr("style","background:url("+src+") no-repeat center"); n -- ; if(n == 0){ banner(); } }); }); } function banner(){ //鍒濆鍖朾anner鏍峰紡 $(".banner").css("background","none"); var listN = $(".banner > ul > li").length; $(".banner > ul > li").eq(0).fadeIn(1000); $(".banner > ul > li").eq(0).addClass("curo") for(i=0;i'); } $(".banner .btn").css("margin-left",-$(".btn").width()/2); $(".banner .btn span").eq(0).addClass("on"); //鎵ц鏁堟灉 var sw = 1; $(".banner .btn span").mouseover(function(){ sw = $(".banner .btn span").index(this); myShow(sw); }); function myShow(i){ $(".banner .btn span").eq(i).addClass("on").siblings("span").removeClass("on"); $(".banner > ul > li").eq(i).stop(true,true).fadeIn(1000).siblings().stop(true,true).fadeOut(1000); $(".banner li").eq(i).addClass("curo").siblings().removeClass("curo"); } //婊戝叆鍋滄鍔ㄧ敾锛屾粦鍑哄紑濮嬪姩鐢 $(".banner").hover(function(){ if(myTime){ clearInterval(myTime); } },function(){ clearInterval(myTime); myTime = setInterval(function(){ myShow(sw); sw++; if(sw==listN){sw=0;} } , 5000); }); //鑷姩寮€濮 var myTime = setInterval(function(){ myShow(sw); sw++; if(sw==listN){sw=0;} } , 5000); } $(function(){ $(".banner > ul > li").LoadImage(true,$(".banner > ul > li")); })