function screenwidth(){ var screenwidth=screen.width; var $indexbanner=$("#banner_list"); var t=""; if(screenwidth<1200){ for(var j in index_banner){ t+="
  •  
  • "; } }else if(screenwidth>=1200&&screenwidth<1441){ for(var m in index_banner){ t+="
  •  
  • "; } }else { for(var n in index_banner){ t+="
  •  
  • "; } } $indexbanner.html(t); }; $(function(){ screenwidth(); //首页banner切换开始 \赋予每个li背景\赋予li.eq(0)和a.eq(0)样式 $(".indexbanner ul li").eq(0).css("display","list-item"); $(".indexbanner .num a").eq(0).addclass("cur"); //定义初始状态 var sw = 0; var numw = $(".num").width(); $(".num").css("margin-left",-numw/2 + "px"); $(".indexbanner .num a").mouseover(function(){ sw = $(".num a").index(this); myshow(sw); }); function myshowan(i){ $(".indexbanner .num a").eq(i).addclass("cur").siblings("a").removeclass("cur"); $(".indexbanner ul li").eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600); $('.loadinggif').hide(); } function myshow(i){ var img= new image, src=$(".indexbanner ul li").eq(i).attr('rel'); img.src=src; if(document.all){ if(img.readystate=="complete"){ myshowan(i); }else{ img.onreadystatechange=function(){ if(img.readystate=="complete"){ myshowan(i); } } } }else{ img.onload=function(){ if(img.complete==true){ myshowan(i); } } } } //滑入停止动画,滑出开始动画 $(".indexbanner").hover(function(){ if(mytime){ clearinterval(mytime); } },function(){ mytime = setinterval(function(){ myshow(sw); sw++; if(sw==10){sw=0;} } , 5000); }); //左箭头点击 $(".arrow-l a").click(function(){ if(mytime){ clearinterval(mytime); } sw--; if(sw<0){sw=8;} myshow(sw); }); //右箭头点击 $(".arrow-r a").click(function(){ if(mytime){ clearinterval(mytime); } sw++; if(sw==9){sw=0;} myshow(sw); }); //自动开始 var mytime = setinterval(function(){ sw++; if(sw==10){sw=0;} myshow(sw) } , 5000); //首页banner切换结束 //点击显示&收起更多内容 $(".moreshow").click(function(){ $(this).hide().siblings(".morehide").show() $(".moredetail").stop().slidedown(500) $(".moredcon .mid ul li").stop().slidedown(500) }) $(".morehide").click(function(){ $(this).hide().siblings(".moreshow").show() $(".moredetail").stop().slideup(500) $(".moredcon .mid ul li").stop().slideup(500) }) $(".mid ul li").hover(function(){ $(this).children().children(".linkto").css("background","url({$img_url}img/button06.jpg) no-repeat") },function(){ $(this).children().children(".linkto").css("background","url({$img_url}img/button05.jpg) no-repeat") }); })