jQuery游戏网站顶部滑动导航菜单代码



74 294 99



特效描述:游戏网站导航 顶部滑动导航,

代码结构

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet" />

2. 引入JS

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

3. HTML代码

<div class="header">
	<div class="topNav" id="topNav">
		<div class="topNav2">
			<div class="navBox">
				<div class="navIndexBg">
					<div class="navIL"></div>
					<div class="navIL navIR"></div>
					<div class="navIM"></div>
				</div>
				<div class="navMain" id="navMain">
					<!-- 主导航放这里 -->
					<div class="navIndex" id="navIndex">
						<ul>
							<li><a href="http://www.dijiuzhanzhang.com/" class="nav4">官网首页</a></li>
							<li><a href="http://www.dijiuzhanzhang.com/">游戏资料</a></li>
							<li class="nav1"><a href="http://www.dijiuzhanzhang.com/">视觉盛宴</a></li>
							<li><a href="http://www.dijiuzhanzhang.com/">游戏下载</a></li>
							<li><a href="http://www.dijiuzhanzhang.com/">新闻活动</a></li>
							<li><a href="http://www.dijiuzhanzhang.com/">玩家社区</a></li>
						</ul>
					</div>
					<div class="navSub" id="navSub">
						<dl class="nav2">
							<dt>游戏资料</dt>
							<dd><a href="http://www.dijiuzhanzhang.com/">焦点图</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">名站特效</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">在线客服</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">tab标签</a></dd>
						</dl>
						<dl class="nav1">
							<dt>视觉盛宴</dt>
							<dd><a href="http://www.dijiuzhanzhang.com/">相册代码</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">图片特效</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
						</dl>
						<dl>
							<dt>游戏下载</dt>
							<dd><a href="http://www.dijiuzhanzhang.com/">时间日期</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">菜单导航</a></dd>
						</dl>
						<dl>
							<dt>新闻活动</dt>
							<dd><a href="http://www.dijiuzhanzhang.com/">广告代码</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
						</dl>
						<dl>
							<dt>玩家社区</dt>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
							<dd><a href="http://www.dijiuzhanzhang.com/">17素材网</a></dd>
						</dl>
					</div>
					<!-- 二级放这里 end -->
				</div>
			</div>
		</div>
	</div>
	<div class="logoBox">
		<h1 id="logo" class="logoPNG">17素材网</h1>
	</div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
关注
TA的相关作品 >>更多
热搜关键词
热门下载


热门标签:

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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