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 top"); 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); for(i=0;i'); } //$(".btn").css("margin-left",-$(".btn").width()/2); $(".banner .btn span").eq(0).addClass("on"); //鎵ц鏁堟灉 var sw = 1; $(".banner .btn span").mouseover(function(){ sw = $(".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,function(){ $(".banner li").eq(i).find('.ban-size').children('img').animate({top:'0px'}, 500); }); $(".banner > ul > li").eq(i).siblings().find('.ban-size').children('img').css("top" , '-324px') } //婊戝叆鍋滄鍔ㄧ敾锛屾粦鍑哄紑濮嬪姩鐢 $(".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")); })