CSS黑色固定导航菜单特效代码下载


CSS黑色固定导航菜单特效代码下载
CSS黑色固定导航菜单特效代码下载以及黑色固定、导航菜单等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/nav.css">

2. HTML代码

<div style="height: 100px;"></div>
<div class="menu">
	<div class="center">
		<ul class="ul-list">
			<li><a href="#">一级导航</a></li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
			<li>
				<a href="#">一级导航</a>
				<ol class="ol-list">
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
					<li><a href="">下拉导航</a></li>
				</ol>
			</li>
		</ul>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
<div style="height: 1000px;"></div>

相关推荐

发表评论

相关文章