jQuery无限级下拉菜单插件-jMenu

给力技术之前也推荐过几个下拉导航菜单的插件,今天这篇文章要推荐一个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();

下载

 » 本站地址:http://www.gomoth.com

标签: ,