jquery hover方法制作鼠標懸停導航滑動顯示二級下拉菜單代碼



94 372 125



特效描述:標懸停導航 滑動顯示二級下拉菜單,

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>

3. HTML代碼

<!--nav-->
<div class="nav">
	<!--導航條-->
	<ul class="nav-main">
		<li>首頁</li>
		<li id="li-1">產品信息<span></span></li>
		<li id="li-2">關于我們<span></span></li>
		<li id="li-3">商家信息<span></span></li>
		<li>加入我們</li>
		<li>聯系我們</li>
	</ul>
	<!--隱藏盒子-->
	<div id="box-1" class="hidden-box hidden-loc-index">
		<ul>
			<li>關于我們</li>
			<li>產品信息</li>
			<li>關于我們</li>
		</ul>
	</div>
	<div id="box-2" class="hidden-box hidden-loc-us">
		<ul>
			<li>關于我們</li>
			<li>產品信息</li>
			<li>關于我們</li>
			<li>商家信息</li>
		</ul>
	</div>
	<div id="box-3" class="hidden-box hidden-loc-info">
		<ul>
			<li>關于我們</li>
			<li>產品信息</li>
			<li>關于我們</li>
			<li>商家信息</li>
			<li>加入我們</li>
		</ul>
	</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊
熱門下載


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

老夫子电子