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鏍峰紡 $(".i-ban").css("background","none"); var listN = $(".i-ban > ul > li").length; $(".i-ban > ul > li").eq(0).fadeIn(1000); for(i=0;i'); } $(".i-ban .btn").css("margin-left",-$(".btn").width()/2); $(".i-ban .btn span").eq(0).addClass("on"); //鎵ц鏁堟灉 var sw = 1; $(".i-ban .btn span").mouseover(function(){ sw = $(".i-ban .btn span").index(this); myShow(sw); }); function myShow(i){ $(".i-ban .btn span").eq(i).addClass("on").siblings("span").removeClass("on"); $(".i-ban > ul > li").eq(i).stop(true,true).fadeIn(1000).siblings().stop(true,true).fadeOut(1000); } //婊戝叆鍋滄鍔ㄧ敾锛屾粦鍑哄紑濮嬪姩鐢 $(".i-ban").hover(function(){ if(myTime){ clearInterval(myTime); } },function(){ clearInterval(myTime); myTime = setInterval(function(){ myShow(sw); sw++; if(sw==listN){sw=0;} } , 8000); }); //鑷姩寮€濮 var myTime = setInterval(function(){ myShow(sw); sw++; if(sw==listN){sw=0;} } , 8000); } $(function(){ $(".i-ban > ul > li").LoadImage(true,$(".i-ban > ul > li")); })