cbpHorizontalMenu是一款强大的多级菜单插件,你只要定义好菜单结构,即可生成下拉菜单效果。下拉效果,只有点击一级菜单才会出来效果哦。
淘建站为您提供更多_导航菜单_多级菜单_三级,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 465 次
觉得不错,可打赏下作者
免费共享
三级菜单结构图
<nav id="cbp-hrmenu" class="cbp-hrmenu">
<ul>
<li>
<a href="http://www.sucaiq.com/">Products</a>
<div class="cbp-hrsub">
<div class="cbp-hrsub-inner">
<div>
<h4>Learning & Games</h4>
<ul>
<li><a href="http://www.sucaiq.com/">Catch the Bullet</a></li>
<li><a href="http://www.sucaiq.com/">Snoopydoo</a></li>
<li><a href="http://www.sucaiq.com/">Fallen Angel</a></li>
<li><a href="http://www.sucaiq.com/">Sui Maker</a></li>
<li><a href="http://www.sucaiq.com/">Wave Master</a></li>
<li><a href="http://www.sucaiq.com/">Golf Pro</a></li>
</ul>
</div>
<div>
<h4>Utilities</h4>
<ul>
<li><a href="http://www.sucaiq.com/">Gadget Finder</a></li>
<li><a href="http://www.sucaiq.com/">Green Tree Express</a></li>
<li><a href="http://www.sucaiq.com/">Green Tree Pro</a></li>
<li><a href="http://www.sucaiq.com/">Wobbler 3.0</a></li>
<li><a href="http://www.sucaiq.com/">Coolkid</a></li>
</ul>
</div>
</div><!-- /cbp-hrsub-inner -->
</div><!-- /cbp-hrsub -->
</li>
</ul>
</nav>调用水平下拉菜单插件
<script src="js/cbpHorizontalMenu.min.js"></script>
<script>
$(function() {
cbpHorizontalMenu.init();
});
</script>

