$(".mob-nav").height($(window).height()-$(".header2").height()); $(".wap-nav").click( function(){ if($(".mob-nav").is(":hidden")){ $(this).children("img").attr("src","/images/wap-navClose.png"); $(".mob-nav").slideDown(); $(".mob-nav").css({"overflow":"auto"}); } else{ $(this).children("img").attr("src","/images/wap-nav.png"); $(".mob-nav").slideUp(); } } ) $(".mob-nav .mnav-ct").click(function(){ $(".mnav-c").hide(); $(this).siblings(".mnav-c").slideDown(); }) $(".openSearch").click(function(){ $(".search2").animate({right:"0px"}); }) $(".close").click(function(){ $(".search2").animate({right:"-310px"}); }) $(".list4 dt").click(function(){ if($(this).siblings(".list4 dd").is(":hidden")){ $(this).siblings(".list4 dd").stop(true,true).slideDown(); } else{ $(this).siblings(".list4 dd").stop(true,true).slideUp(); } }) $(".list4-1").click(function(){ if($(this).siblings(".list4-2").is(":hidden")){ $(this).siblings(".list4-2").stop(true,true).slideDown(); } else{$(this).siblings(".list4-2").stop(true,true).slideUp(); } }) $(".bigFont").click(function(){ $(".midFont").removeClass("redfont"); $(".smlFont").removeClass("redfont"); $(this).addClass("redfont"); $(".font").css({"font-size":"18px","line-height":"35px"}); $(".font p").css({"font-size":"18px","line-height":"35px"}); $(".font span").css({"font-size":"18px","line-height":"35px"}); }) $(".midFont").click(function(){ $(".bigFont").removeClass("redfont"); $(".smlFont").removeClass("redfont"); $(this).addClass("redfont"); $(".font").css({"font-size":"16px","line-height":"30px"}); $(".font p").css({"font-size":"16px","line-height":"30px"}); $(".font span").css({"font-size":"16px","line-height":"30px"}); }) $(".smlFont").click(function(){ $(".bigFont").removeClass("redfont"); $(".midFont").removeClass("redfont"); $(this).addClass("redfont"); $(".font").css({"font-size":"14px","line-height":"25px"}); $(".font p").css({"font-size":"14px","line-height":"25px"}); $(".font span").css({"font-size":"14px","line-height":"25px"}); }) $(".szjy li img").height($(".szjy li img").width()*1.4); window.onscroll=function(){ var topScroll = get_scrollTop_of_body();//滚动的距离,距离顶部的距离 var bignav = document.getElementById("header");//获取到导航栏id if(topScroll > 130){ //当滚动距离大于250px时执行下面的东西 bignav.style.position = 'fixed'; bignav.style.top = '0'; bignav.style.zIndex = '9999'; }else{//当滚动距离小于250的时候执行下面的内容,也就是让导航栏恢复原状 bignav.style.position = 'static'; } } /*解决浏览器兼容问题*/ function get_scrollTop_of_body(){ var scrollTop; if(typeof window.pageYOffset != 'undefined'){//pageYOffset指的是滚动条顶部到网页顶部的距离 scrollTop = window.pageYOffset; }else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollTop = document.documentElement.scrollTop; }else if(typeof document.body != 'undefined'){ scrollTop = document.body.scrollTop; } return scrollTop; }