给力技术之前也推荐过几个下拉导航菜单的插件，今天这篇文章要推荐一个jQuery无限级下拉菜单的插件jMenu。
jMenu是一个简单的轻量级水平下拉菜单插件，你可以使用嵌套的UI列表来创建无限级的菜单。它拥有很平滑的移动效果，菜单样式也可以自定义修改，定制性很高。
如何使用
首先要加载jQuery库和jMenu插件以及相关的CSS样式
<script src=”jquery.min.js” type=”text/javascript”></script>
<script type=”text/javascript” src=”jMenu.jquery.js”></script>
然后在HTML页面中创建UL列表，并设置第一级列表的class=”fNiv”
<ul id=”jMenu”>
<li><a class=”fNiv”>菜单 1</a></li>
<li><a class=”fNiv”>菜单 2</a>
<ul>
<li class=”arrow”></li>
<li><a>菜单 2.1</a></li>
</ul>
</li>
</ul>
最后使用以下方法调用就搞定了，赶紧试一下吧~~
$(“#jMenu”).jMenu();
» 转载请注明来源：网络蛀虫小窝 » 《jQuery无限级下拉菜单插件-jMenu》» 本文链接地址：http://www.onbno.com/web/2570.html» 本站地址：http://www.onbno.com