🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

easyMenu is a lightweight and easy-to-style jQuery plugin for generating an unlimited multi-level dropdown navigation menu from nested html lists.

Drop-Down-Menu

Documentation

#jquery.easymenu

##概要

这个一个jQuery的插件,它可以让您创建下拉试的导航菜单更加简单。

  1. 无限子菜单显示
  2. 兼容IE6+、FireFox、Chrome等
  3. 轻量级,源码(含注释)还不到4K
  4. 符合标准的html代码

##示例

http://demo.hpyer.cn/js/easymenu/easymenu.html

##使用

<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" type="text/css" href="jquery.easymenu.css" /> <script type="text/javascript" src="jquery.easymenu.js"></script> </head> <body> <ul id="menu">     <li><a href="#">Home</a></li>     <li><a href="#">Tutorials</a>     <ul>         <li><a href="#">2nd Nav Link</a>             <ul>                 <li><a href="#">3rd Nav Link</a></li>                 <li><a href="#">3rd Nav Link</a></li>             </ul>         </li>         <li><a href="#">2nd Nav Link</a></li>         </ul>     </li> </ul> <script>$('#menu').easymenu();</script> </body> </html> 

You May Also Like