jquery hover鼠標懸停向下滑動導航菜單效果代碼



80 317 106



特效描述:懸停向下滑動導航 導航菜單效果,網站導航效果

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/slide.js"></script>

3. HTML代碼

<div class="imenu_bg"> 
	<div class="imenu" topnav="nav5" attr="gyyz"><a href="#">關于葉子</a>
		<div class="submnu"><p>這是關于葉子的內容,我們看他是如何彈出來的</p></div>
	</div>
	<div class="imenu"  topnav="navzx" attr="zx">
		<a href="#">整形中心</a>
		<div class="submnu"></div>
	</div>
    <div class="imenu"  topnav="navpf" attr="pf"><a href="#">皮膚中心</a>
		<div class="submnu"></div>
	</div>
	<div class="imenu" topnav="navwc" attr="wc">
		<a href="#">微創中心</a>
		<div class="submnu"></div>
	</div>
	<div class="imenu" topnav="navmc" attr="mc"><a href="#">美齒中心</a>
		<div class="submnu"></div>
	</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊
admin
關注
TA的相關作品 >>更多
熱搜關鍵詞
熱門下載


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子