jQuery网络建站公司宽屏导航下拉菜单代码

作者 : 小刺猬 本文共640个字,预计阅读时间需要2分钟 发布时间: 2020-07-30 共97人阅读

jQuery网络建站公司宽屏导航下拉菜单代码

非常不错的jQuery网络建站公司宽屏导航下拉菜单代码,鼠标滑过菜单项动画效果也不错,下拉列表有各种布局方式,虽说是网络公司的导航条,调整一下各类网站都可适用。

js代码

<script type="text/javascript">
$(window).scroll(function(){
	//控制导航
	if($(window).scrollTop()<100){
		$('#headdiv').stop().animate({"top":"0px"},200);
		$('.logo').css("padding-top","20px");
		$('.nav .mmm').css("padding-top","50px");
		$('.nav .sub').css("top","125px");
		$('.top02').css("height","95px");
		
	}else{
		$('#headdiv').stop().animate({"top":"-30px"},200);
		$('.top02').css("height","75px");
		$('.logo').css("padding-top","3px");
		$('.nav .mmm').css("padding-top","30px");
		$('.nav .sub').css("top","75px");
	}
});
</script>
VIP免费 永久VIP免费

已有0人支付


刺猬源码 » jQuery网络建站公司宽屏导航下拉菜单代码

刺猬QQ交流群号多少?
363432

发表评论