$(function() { //导航栏固定 $(window).scroll(function() { sctop = $(document).scrolltop(); if(sctop < 50) { $(".header").css({ "background": "rgba(255,255,255,0)", "transition": "all 0.3s ease-in-out", "box-shadow": "none" }) $(".search").css({ "opacity": "1", "display": "block", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(1)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 50 && sctop < 100) { $(".header").css({ "background": "rgba(255,255,255,0.125)", "transition": "all 0.3s ease-in-out" }) $(".search").css({ "opacity": "0.875", "display": "block", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.875)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 100 && sctop < 150) { $(".header").css({ "background": "rgba(255,255,255,0.25)", "transition": "all 0.3s ease-in-out" }) $(".search").css({ "opacity": "0.75", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.75)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 150 && sctop < 200) { $(".header").css({ "background": "rgba(255,255,255,0.375)", "transition": "all 0.3s ease-in-out" }) $(".search").css({ "opacity": "0.625", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.625)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 200 && sctop < 250) { $(".header").css({ "background": "rgba(255,255,255,0.5)", "transition": "all 0.3s ease-in-out", "box-shadow": "none" }) $(".search").css({ "opacity": "0.5", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.5)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 250 && sctop < 300) { $(".header").css({ "background": "rgba(255,255,255,0.625)", "transition": "all 0.3s ease-in-out" }) $(".search").css({ "opacity": "0.375", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.375)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 300 && sctop < 350) { $(".header").css({ "background": "rgba(255,255,255,0.75)", "transition": "all 0.3s ease-in-out" }) $(".search").css({ "opacity": "0.25", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.25)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 350 && sctop < 400) { $(".header").css({ "background": "rgba(255,255,255,0.875)", "transition": "all 0.3s ease-in-out", "height":"110px" }) $(".search").css({ "opacity": "0.125", "display":"block", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0.125)", "transition": "all 0.3s ease-in-out" }) } else if(sctop >= 400) { $(".header").css({ "background": "rgba(255,255,255,1)", "transition": "all 0.3s ease-in-out", "height":"80px", "box-shadow": "0px 0px 5px rgba(0,0,0,.2)" }) $(".search").css({ "opacity": "0", "display":"none", "transition": "all 0.3s ease-in-out", }) $(".header .top .logo img").css({ "transform": "scale(0)", "transition": "all 0.3s ease-in-out" }) } }) //下拉菜单 $(".nav>ul>li").hover(function() { var tow_nav=$(this).children(".tow_nav") var alen=tow_nav.children("a").length; tow_nav.height(alen*50) }, function() { $(this).children(".tow_nav").height(0) }) })