//banner function banner(obj1){ var obj1=obj1;//传入参数 var obj=new Object; obj.nowIndex=0;//banner切换的序号 obj.interval="";//banner切换计时器 obj.banner=obj1.banner;//banner框架 obj.btn=obj1.btn;//banner按钮框架 obj.btnUrl=obj1.btnUrl;//按钮路径 obj.bool=obj1.bool||true;//判断切换 obj.btnUrlOn=obj1.btnUrlOn;//按钮被点击路径 obj.getMun=function(){//获取banner个数 var mun=$(obj.banner).length-1; return mun; } obj.mun=0;//banner个数 //添加按钮 obj.btnAppend=function(){ $(obj.banner).not($(obj.banner+":eq(0)")).stop(false,true).hide(); $(obj.banner+":eq(0) .title1").css({"opacity":1}); $(obj.banner+":eq(0) .title2").css({"opacity":1}); $(obj.banner+":eq(0) .title3").css({"opacity":1}); $(obj.banner+":eq(0)").show(); $(obj.btn).append(""); for(var i=1;i<=obj.mun;i++){ $(this.btn).append(""); } } //确定哪个为白色 obj.btnPosition=function(btnIndex){ $(obj.btn+">img").attr("src",obj.btnUrl); $(obj.btn+">img:eq("+btnIndex+")").attr("src",obj.btnUrlOn); } //切换事件 obj.bannerDo=function(btnIndex){ $(obj.banner+":eq("+obj.nowIndex+") .title1").stop(true,true).animate({"opacity":0},1200); $(obj.banner+":eq("+obj.nowIndex+") .title2").stop(true,true).delay(200).animate({"opacity":0},1200); $(obj.banner+":eq("+obj.nowIndex+") .title3").stop(true,true).delay(400).animate({"opacity":0},1000); $(obj.banner+":eq("+obj.nowIndex+")").stop(true,true).delay(600).fadeOut(500); if(btnIndex||btnIndex==0){ obj.nowIndex=btnIndex; }else{ obj.nowIndex==obj.mun?obj.nowIndex=0:obj.nowIndex++; } obj.btnPosition(obj.nowIndex); $(obj.banner+":eq("+obj.nowIndex+")").stop(true,true).delay(600).fadeIn(500); $(obj.banner+":eq("+obj.nowIndex+") .title1").stop(true,true).delay(800).animate({"opacity":1},1200); $(obj.banner+":eq("+obj.nowIndex+") .title2").stop(true,true).delay(1000).animate({"opacity":1},1200); $(obj.banner+":eq("+obj.nowIndex+") .title3").stop(true,true).delay(1200).animate({"opacity":1},1000); } return obj; } // banner over var banner1=new banner({ banner:".banner .contents .content", btn:".bannerNav", btnUrl:"/style/images/btn.png", btnUrlOn:"/style/images/btnOn.png" }); //白点被点击 function bannerBtnClick(btnIndex){ if(btnIndex=="-"){ banner1.nowIndex==0?btnIndex=banner1.mun:btnIndex=banner1.nowIndex-1; }else if(btnIndex=="+"){ banner1.nowIndex==banner1.mun?btnIndex=0:btnIndex=banner1.nowIndex+1; } clearInterval(banner1.interval); banner1.bannerDo(btnIndex); banner1.btnPosition(btnIndex); banner1.interval=setInterval(function(){ banner1.bannerDo(null); },3000); } /*main change*/ function mainChange(obj1){ var obj1=obj1;//传入参数 var obj=new Object; obj.nowIndex=0;//序号 obj.lastIndex=0;//序号 obj.childsDiv=obj1.childsDiv;//父框架 obj.childDiv=obj1.childDiv;//框架 obj.btnDiv=obj1.btnDiv;//按钮框架 obj.btnEvent=obj1.btnEvent;//按钮事件 obj.getMun=function(){//获取个数 var mun=$(obj.childDiv).length-1; return mun; } obj.getWidth=function(){//获取框架宽度 var childWidth=$(obj.childDiv).width(); return childWidth; } obj.childWidth=0//框架宽度 obj.mun=0;//个数 //添加按钮 obj.btnAppend=function(){ //$(obj.btnDiv).append(''); //for(var i=1;i<=obj.mun;i++){ //$(obj.childDiv+":eq("+i+")").css("left",i*obj.childWidth+"px"); //$(obj.btnDiv).append(''); //} $(obj.childDiv).not($(obj.childDiv+":eq("+obj.nowIndex+")")).css("left",-obj.childWidth+"px"); $(obj.childDiv+":eq("+obj.mun+")").css("left",obj.childWidth+"px"); $(obj.childDiv+":eq("+obj.nowIndex+")").css("left","0px"); } //切换事件 obj.bannerDo=function(btnIndex,direction){ obj.childWidth=obj.getWidth(); //$(obj.childDiv+":eq("+obj.nowIndex+")").stop(false,true).animate({"left":"0px"},500); direction=="+"?direction="-":direction="+"; var a=direction+obj.childWidth+"px"; $(obj.childDiv+":eq("+obj.nowIndex+")").stop(false,true).animate({"left":a},500); if(btnIndex||btnIndex==0){ obj.nowIndex=btnIndex; }else{ obj.nowIndex==obj.mun?obj.nowIndex=0:obj.nowIndex++; } direction=="+"?direction="-":direction="+"; a=direction+obj.childWidth+"px"; $(obj.childDiv+":eq("+obj.nowIndex+")").css("left",a); $(obj.childDiv+":eq("+obj.nowIndex+")").stop(false,true).animate({"left":"0"},500); //$(obj.childsDiv).stop(false,true).animate({"left":"-"+obj.nowIndex*obj.childWidth+"px"},500); } return obj; } function customerBtnClick(btnIndex){ customer.lastIndex=customer.nowIndex; if(btnIndex=="-"){ customer.nowIndex==0?btnIndex=customer.mun:btnIndex=customer.nowIndex-1; customer.bannerDo(btnIndex,"-"); }else if(btnIndex=="+"){ customer.nowIndex==customer.mun?btnIndex=0:btnIndex=customer.nowIndex+1; customer.bannerDo(btnIndex,"+"); } } var customer=new mainChange({ childsDiv:".customer .contentss", childDiv:".customer .contentss .content", btnEvent:"customerBtnClick" }); $(function(){ /*banner*/ banner1.mun=banner1.getMun(); banner1.btnAppend(); banner1.interval=setInterval(function(){ banner1.bannerDo(null); },3000); $(".banner").mouseover(function(){ clearInterval(banner1.interval); $(this).find(".bannerBtn.leftBtn").animate({"left":"30px"},300); $(this).find(".bannerBtn.rightBtn").animate({"right":"30px"},300); }).mouseleave(function(){ banner1.interval=setInterval(function(){ banner1.bannerDo(null); },3000); $(this).find(".bannerBtn.leftBtn").stop(false,true).animate({"left":"-100px"},300); $(this).find(".bannerBtn.rightBtn").stop(false,true).animate({"right":"-100px"},300); }); /*customer*/ customer.mun=customer.getMun(); customer.childWidth=customer.getWidth(); customer.btnAppend(); /*work*/ $(".work .child").mouseover(function(){ $(".work .child").not($(this)).find(".childHide").stop(false,true).fadeOut(500); $(this).find(".childHide").fadeIn(500); }).mouseleave(function(){ $(this).find(".childHide").stop(false,false).fadeOut(500); }); /*service*/ $(".service .child").mouseover(function(){ $(this).find(".childTitle").css("background","#e60012"); $(this).find(".titleCh").css("color","#fff"); $(this).find(".titleEn").css("color","#fff"); }).mouseleave(function(){ $(this).find(".childTitle").css("background","#fff"); $(this).find(".titleCh").css("color","#444"); $(this).find(".titleEn").css("color","#E50012"); }); }); var loghandle = function(event, delta) { var scrollTop=$(document).scrollTop(); return scrollTop+event.deltaY*event.deltaFactor; }; window.onload=function(){ var screenHeight=$(window).height(); var scrolls={}; var scrollname=['.about','.work','.customer','.say','.advantage','.team','.service','.news']; var scrollbool=[false,false,false,false,false,false,false,false]; for(var i=0;i=scrolls[0]&&scrollTop=1000)clearInterval(child1); $(".about .child:eq(0) span").html(i1); },12); var child2=setInterval(function(){ ++i2; if(i2>=14)clearInterval(child2); $(".about .child:eq(1) span").html(i2); },100); var child3=setInterval(function(){ i3=i3-10; if(i3<=50)clearInterval(child3); $(".about .child:eq(2) span").html(i3); },12); },500); } }else if(scrollTop>=scrolls[1]&&scrollTop=scrolls[2]&&scrollTop=scrolls[3]&&scrollTop=scrolls[4]&&scrollTop=scrolls[5]&&scrollTop=scrolls[6]&&scrollTop=scrolls[7]){ if(!scrollbool[7]){ scrollbool[0]=true; scrollbool[1]=true; scrollbool[2]=true; scrollbool[3]=true; scrollbool[4]=true; scrollbool[5]=true; scrollbool[6]=true; scrollbool[7]=true; var news=$(".news .quan"); $.each(news,function(i,n){ var startDtime=0.2; var ii=i+1; startDtime=0.2+ii*0.2; anClasAdd(".news .quan:eq("+i+")","scaleOpacityAn",".6s",startDtime+"s","ease-in-out","both"); }); } } } $(function(){ cutStrings(160); /*banner 高度 图片尺寸1920*690 */ }); /*溢出省略*/ function cutStrings(i1){ var str=$(".news .right .child:eq(0)").find(".info").html(); str=cutString(str,i1); $(".news .right .child:eq(0)").find(".info").html(str); str=$(".news .right .child:eq(1)").find(".info").html(); str=cutString(str,i1); $(".news .right .child:eq(1)").find(".info").html(str); } $("#img").powerSlider({handle:"left",sliderNum:4});