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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

31 123 42



特效描述:网页向下滚动 顶部固定导航。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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 二级导航菜单 滚动切换 下拉导航菜单 图片滚动 竖直导航菜单 文字滚动 图标导航菜单 固定导航菜单 图片文字滚动 侧边导航菜单 全屏滚动 树形导航菜单 页面滚动 网址导航菜单 导航菜单插件 文字导航菜单 滚动流动 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 自动滚动图片轮播 导航菜单导航条

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到