分享一个蓝色横向二级下拉菜单菜单，当鼠标悬浮在一级导航菜单上，显示对应的子集下拉菜单。兼容性很好，包括IE6。
淘建站为您提供更多_导航菜单_下拉导航_导航_菜单，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 374 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
一级导航菜单html代码
<div id="nav">
<ul id="navMenu">
<li><a href="http://www.sucaiq.com/">首页</a></li>
<li><a href="http://www.sucaiq.com/" rel='dropmenu1'>jquery 特效</a></li>
<li><a href="http://www.sucaiq.com/" rel='dropmenu2'>js特效</a></li>
<li><a class="current" href="http://www.sucaiq.com/" rel='dropmenu3'>flash特效</a></li>
<li><a href="http://www.sucaiq.com/" rel='dropmenu4'>div+css教程</a></li>
<li><a class="last" href="http://www.sucaiq.com/" rel='dropmenu5'>html5教程</a></li>
</ul>
</div>根据一级菜单的rel属性，对应二级下拉菜单ul id
<ul id="dropmenu1" class="dropMenu">
<li><a href="http://www.sucaiq.com/">jquery图片特效</a></li>
<li><a href="http://www.sucaiq.com/">jquery导航菜单</a></li>
<li><a href="http://www.sucaiq.com/">jquery选项卡特效</a></li>
<li><a href="http://www.sucaiq.com/">jquery文字特效</a></li>
<li><a href="http://www.sucaiq.com/">jquery表单特效</a></li>
<li><a href="http://www.sucaiq.com/">jquery表格特效</a></li>
</ul>
<ul id="dropmenu2" class="dropMenu">
<li><a href="http://www.sucaiq.com/">js图片特效</a></li>
<li><a href="http://www.sucaiq.com/">js导航菜单</a></li>
<li><a href="http://www.sucaiq.com/">js选项卡特效</a></li>
<li><a href="http://www.sucaiq.com/">js文字特效</a></li>
<li><a href="http://www.sucaiq.com/">js表单特效</a></li>
<li><a href="http://www.sucaiq.com/">js表格特效</a></li>
</ul>引入dropdown下拉菜单插件
<script type='text/javascript' src='js/dropdown.js'></script>
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
