jquery顶部固定二级导航菜单

最新推荐文章于 2024-05-14 09:55:02 发布

快乐de馒头

最新推荐文章于 2024-05-14 09:55:02 发布

阅读量6.2k

点赞数 1

本文链接：https://blog.csdn.net/chunxiaqiudong5/article/details/53045532

版权

本文详细介绍了如何利用jQuery来创建一个在页面滚动时始终保持在顶部的二级导航菜单。内容包括导航的HTML结构设置、CSS样式布局以及jQuery代码实现，确保导航在用户滚动页面时依然可见。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<style type="text/css">
body{
	font-family: "宋体";
	font-size: 14px;
	color: #666666;
	background:#f2f2f2 url(images/bg.gif) repeat-x left top;
	height: 2000px;
}

ul,li,html,body{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a:link,a:visited{
	text-decoration: none;
	color: #666;
}

#top_bg{
	position: fixed;
	width: 100%;
	height: 40px;
	background:#333;
	border-bottom: 1px solid #c6c6c6
	box-shadow: 2px 5px 7px #999;
	z-index: 999;
	left: 0px;
}
.top{
	margin: 0px auto;
	width: 980px;
	height: 40px;
}
.logo_l{
	float: left;
	width: 145px;
	height: 40px;
	background:url(images/logo.png) no-repeat left;
}
.nav_r{
	width: auto !important;
	height: 40px;
	float: left;
	position: relative;
	z-index: 999;
}

#navul li{
	position: relative;
	float: left;
	width: 80px;
	height: 40px;
	line-heig

最低0.47元/天解锁文章

快乐de馒头

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery顶部固定二级导航菜单

body{ font-family: "宋体"; font-size: 14px; color: #666666; background:#f2f2f2 url(images/bg.gif) repeat-x left top; height: 2000px;}ul,li,html,body{margin: 0px; padding: 0px;}ul{list-style-typ
复制链接

扫一扫