jQuery游戲網站頂部滑動導航菜單代碼



77 306 103



特效描述:游戲網站導航 頂部滑動導航,

代碼結構

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

加群請備注:從官網了解到

老夫子电子