// JavaScript Document $(function(){ //给全局绑定touchstart事件,为了更兼容active替代hover在移动端中的效果 document.body.addEventListener('touchstart',function(){}); $(".backTop").click(function () { $("html,body").animate({scrollTop: "0px"}, 800) }); //设置整体比例 /*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.Hmenu-web, .H-nav .Hnav-menu, .H-srch .Hsrch-menu, .H-lang .Hlang-menu").removeClass("cur"); $(".H-nav, .Hnav-sub, .Hsrch-box, .Hlang-box").removeAttr("style"); } if($ww>768){ $(".F-nav dt").removeClass("cur"); $(".F-nav dd").removeAttr("style"); } } //srch $(".Hsrch-menu").bind("click",function(){ $(".Header-wrapper").addClass("Header-searching"); $(this).addClass("cur").siblings(".Hsrch-box").fadeIn(300); $(".Hsrch-block .text").focus(); }); $(".Hsrch-block .close").bind("click",function(){ $(".Header-wrapper").removeClass("Header-searching"); $(".Hsrch-menu").removeClass("cur").siblings(".Hsrch-box").fadeOut(300); }); /*web*/ $(".Hmenu-btn.Hmenu-web").bind("click",function(){ if($(this).hasClass("cur")){ is_open=0; $(this).removeClass("cur").siblings(".H-nav").slideUp(300); }else{ //if($(".Hsrch-menu").hasClass("cur")) $(".Hsrch-menu").removeClass("cur").siblings(".Hsrch-box").hide(); $(".H-nav").css("height","auto"); is_open=1; // $(".H-nav")[0].scrollHeight>$(window).height()-$(".Header-cl").height()?$(".H-nav").css("height",$(window).height()-$(".Header-cl").height()):$(".H-nav").css("height","auto"); $(this).addClass("cur").siblings(".H-nav").slideDown(300); } }); /*$(".Hnav-menu i").bind("click",function(){ if($(window).width()<=980){ var $this = $(this).parent(".Hnav-menu"); if($this.siblings(".Hnav-sub").length > 0){ if($this.hasClass("cur")){ $this.removeClass("cur").siblings(".Hnav-sub").slideUp(300); }else{ $(".H-nav .Hnav-menu").removeClass("cur").siblings(".Hnav-sub").slideUp(300); $this.addClass("cur").siblings(".Hnav-sub").slideDown(300); } return false; } } });*/ $(".Hnav-menu i").bind("click",function(){ if($(window).width()<=980){ var $this = $(this).parent(".Hnav-menu"); if($this.siblings(".Hnav-sub-m").length > 0){ if($this.hasClass("cur")){ $this.removeClass("cur").siblings(".Hnav-sub-m").slideUp(600); }else{ $(".H-nav .Hnav-menu").removeClass("cur").siblings(".Hnav-sub-m").slideUp(600); $this.addClass("cur").siblings(".Hnav-sub-m").slideDown(600); } return false; } } }); $(".Hlang-menu").bind("click",function(){ if($(window).width() > 980) return false; $(this).hasClass("cur") ? $(this).removeClass("cur").siblings(".Hlang-box").slideUp(300) : $(this).addClass("cur").siblings(".Hlang-box").slideDown(300); }); /*-- 底部 --*/ /*$(".F-nav dt i").bind("click",function(){ if($(window).width()<=768){ var $this = $(this).parents("dt"); if($this.hasClass("cur")){ $this.removeClass("cur").siblings("dd").slideUp(300); }else{ $(".F-nav dt").removeClass("cur").siblings("dd").slideUp(300); $this.addClass("cur").siblings("dd").slideDown(300); } } });*/ $(".F-nav dt").bind("click",function(){ if($(window).width()<=768){ var $this = $(this); if($this.hasClass("cur")){ $this.removeClass("cur").siblings("dd").slideUp(300); }else{ $(".F-nav dt").removeClass("cur").siblings("dd").slideUp(300); $this.addClass("cur").siblings("dd").slideDown(300); } } }); if($(window).width()>981){ var lilen = $(".pub_subnav li").length; if(lilen === 2){ $(".pub_subnav li").css("width","50%"); }else if(lilen === 3){ $(".pub_subnav li").css("width","33.3333%"); }else if(lilen === 4){ $(".pub_subnav li").css("width","25%"); }else if(lilen === 5){ $(".pub_subnav li").css("width","20%"); }else if(lilen === 6){ $(".pub_subnav li").css("width","16.666666%"); } } //锚点跳转 /*var $target = $(window.location.hash); if($target.length > 0){ $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']'); if($target.length){ var targetOffset = $target.offset().top - $(".header-container").height(); $('html,body').animate({scrollTop: targetOffset},1000); } } */ //锚点 -- 滑动 /* $('a[href*=#],area[href*=#]').click(function(){ if(location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname){ var $target = $(this.hash); $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']'); if($target.length){ var targetOffset = $target.offset().top - $(".header-container").height(); $('html,body').animate({scrollTop: targetOffset},1000); return false; } } }); */ }) //导航跟随 $(".H-nav").append(''); $(".H-nav").children('li').bind("mouseenter",function() { var line = $(".H-nav .nav_line"); if (line.css("display") == "none") line.show(); line.stop().animate({ width: $(this).children('a').width(), left: parseInt($(this).position().left) + parseInt($(this).css("padding-left")) + "px" }, 300) }) $(".H-nav").bind("mouseleave", function() { $(".H-nav .nav_line").hide(); }); /* 滚动效果1 */ function isScrolledIntoView(elem){ var scrHeight = window.screen.availHeight; var boxPos = $(elem).offset().top; var winPos = $(window).scrollTop()+scrHeight-500; if(boxPos