jquery hover鼠标悬停向下滑动导航菜单效果代码



75 299 100



特效描述:悬停向下滑动导航 导航菜单效果,网站导航效果

代码结构

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

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