// javascript document $(function(){ //给全局绑定touchstart事件,为了更兼容active替代hover在移动端中的效果 //document.body.addeventlistener('touchstart',function(){}); //设置整体比例 /*10px = 0.1rem*/ var scale = $("body").width()/1920; $("html").css("font-size",100 * scale + 'px'); $(window).resize(function(){ var scale = $("body").width()/1920; $("html").css("font-size",100 * scale + 'px'); }); //顶部--当小于768px时变成底部手机端 wwhf(); $(window).resize(function(){wwhf();}); function wwhf(){ var $ww = $(window).width(); if($ww>980){ $(".hmenu-btn").removeclass("cur"); $(".hnav").attr("style",""); $(".hnav li .hname").removeclass("cur"); $(".hnav li .hn2nd-box").attr("style",""); }else{ } $ww>768?$(".footer-wrapper").addclass("on"):$(".footer-wrapper").removeclass("on"); } //浏览器窗口改变时,移除所有的动画 var resizetime; $(window).resize(function(){ clearinterval(resizetime); $("body").addclass("resizing"); resizetime = settimeout(function(){ $("body").removeclass("resizing"); clearinterval(resizetime); },1000); }); //顶部 -- 下拉 $(".hsrch .hsrch-menu").bind("click",function(){ if($(".header-wrapper .hmenu-btn").hasclass("cur")) $(".header-wrapper .hmenu-btn").removeclass("cur").siblings(".hnav").hide(); $(this).hasclass("cur")?$(this).removeclass("cur").siblings(".hsrch-box").slideup(300):$(this).addclass("cur").siblings(".hsrch-box").slidedown(300); }); //顶部 -- 导航 $(".header-wrapper .hmenu-btn").bind("click",function(){ if($(this).hasclass("cur")){ $(this).removeclass("cur").siblings(".hnav").slideup(300); }else{ if($(".hsrch-menu").hasclass("cur")) $(".hsrch-menu").removeclass("cur").siblings(".hsrch-box").hide(); $(".hnav")[0].scrollheight>$(window).height()-$(".header-cl").height()?$(".hnav").css("height",$(window).height()-$(".header-cl").height()):$(".hnav").css("height","auto"); $(this).addclass("cur").siblings(".hnav").slidedown(300); } }); $(".hnav>li").hover(function(){ if($(window).width()<=980) return false; $(this).find(".hn2nd-box").stop().slidedown(300,function(){ $(this).find(".split").css("height",$(this).height()); }); },function(){ if($(window).width()<=980) return false; $(this).find(".hn2nd-box").stop().slideup(300); }); $(".hnav .hname i").bind("click",function(){ if($(window).width()<=980){ var $this = $(this).parent(".hname"); if($this.hasclass("cur")){ $this.removeclass("cur").siblings(".hn2nd-box").slideup(300); }else{ $(".hnav .hname").removeclass("cur").siblings(".hn2nd-box").slideup(300); $this.addclass("cur").siblings(".hn2nd-box").slidedown(300,function(){ $(".hnav")[0].scrollheight>$(window).height()-$(".header-cl").height()?$(".hnav").css({"height":$(window).height()-$(".header-cl").height(),"overflow-y":"scroll"}):$(".hnav").css({"height":"auto"}); }); } return false; } }) $(".hn2nd-box .split").css("height",$(this).parents(".hn2nd-box").height() - 60); //底部 $(".fnav dt").bind("click",function(){ if($(window).width()>768) return false; if($(this).hasclass("cur")){ $(this).removeclass("cur").siblings("dd").slideup(300); }else{ $(".fnav dt").removeclass("cur").siblings("dd").slideup(300); $(this).addclass("cur").siblings("dd").slidedown(300); } }); /*-- container*/ //回到顶部 $(".rtn-top").bind("click",function(){gotop(300);}); /*$(".float-toolbar .ft-omsg").hover(function(){ $(this).stop().animate({"width":156},300); },function(){ $(this).stop().animate({"width":56},300); });*/ /*在线留言*/ $('.ft-omsg').click(function(){$('.yy,.float_onltk1').show();}) $(".float_tkclose").click(function(){$('.yy,.float_onltk1').hide();}) }) /*--返回顶部动画--*/ //gotop(500);//500ms内滚回顶部 function gotop(times,fn){ /*if (navigator.useragent.indexof('firefox') >= 0){//firefox专用() document.documentelement.scrolltop=0; }*/ if(!!!times){ $(window).scrolltop(0); return; } var sh=$(document).scrolltop();//移动总距离 var inter=13.333;//ms,每次移动间隔时间 var forcount=math.ceil(times/inter);//移动次数 var stepl=math.ceil(sh/forcount);//移动步长 var timeid=null; function ani(){ !!timeid&&cleartimeout(timeid); timeid=null; //console.log($('body').scrolltop()); if($(document).scrolltop()<=0||forcount<=0){//移动端判断次数好些,因为移动端的scroll事件触发不频繁,有可能检测不到有<=0的情况 $(document).scrolltop(0); if(jquery.isfunction(fn))fn(); return true; } forcount--; sh-=stepl; $(document).scrolltop(sh); timeid=settimeout(function(){ani();},inter); } ani(); } /*--判断是否为ie9及以下版本--*/ function ie(fn){ if(navigator.useragent.indexof("msie")>0){ if( (navigator.useragent.indexof("msie 7.0")>0) || (navigator.useragent.indexof("msie 8.0")>0) ||(navigator.useragent.indexof("msie 9.0")>0 && !window.innerwidth) || (navigator.useragent.indexof("msie 9.0")>0)){ fn(); return true; } } } /* 滚动效果1 */ function isscrolledintoview(elem){ var scrheight = window.screen.availheight; var boxpos = $(elem).offset().top; var winpos = $(window).scrolltop()+scrheight-500; if(boxpos