jQuery网页向下滚动顶部固定导航菜单插件


jQuery网页向下滚动顶部固定导航菜单插件
jQuery网页向下滚动顶部固定导航菜单插件以及网页向下滚动、顶部固定导航等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>

2. HTML代码

	<div class="head">
	</div>
	<div class="top">
		<div class="main">
			<div class="logo">
				<img src="images/logo.png" alt="">
			</div>
			<div class="nav_bar">
				<ul>
					<li><a href="">首页</a></li>
					<li class="l1">
						<a href="">产品</a>
						<div class="hid">
							<ul>
								<li><a href="">一级</a></li>
								<li><a href="">二级</a></li>
								<li><a href="">三级</a></li>
								<li><a href="">四级</a></li>
								<li><a href="">五级</a></li>
								<li><a href="">六级</a></li>
							</ul>
						</div>
					</li>
					<li><a href="">案例</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">招聘</a></li>
					<li><a href="">关于我们</a></li>
				</ul>
			</div>
			<div class="login">
				<a href="" class="a1">登陆</a>
				<a href="" class="a2">注册</a>
			</div>
		</div>
	</div>
	<div class="q1"></div>
	<div class="q2"></div>
	<div class="q3"></div>
	<script type="text/javascript">
		var head=$(".head").height();
		$(window).scroll(function(){
			var topScr=$(window).scrollTop();
			if (topScr>head) {
				$(".top").addClass("fixed");
			}else{
				$(".top").removeClass("fixed");
			}
		})
	</script>

相关推荐

发表评论

相关文章