jQuery下拉菜单插件Tendina

使用Tendina,你只需要有一些基本的html标记

width="235" height="423"

这意味着你会有一些嵌套的无序列表,如下:

<ul id="menu">
   <li>
     <a href="#">Menu 1</a>
     <ul>
       <li><a href="#">Submenu 1</a></li>
     </ul>
   </li>
   <li>
     <a href="#">Menu 2</a>
     <ul>
       <li><a href="#">Submenu 2</a></li>
       <li><a href="#">Submenu 2</a></li>
       <li><a href="#">Submenu 2</a>
         <ul>
           <li><a href="#">Subsubmenu 2</a></li>
           <li><a href="#">Subsubmenu 2</a></li>
         </ul>
       </li>
     </ul>
   </li>
   <li>
     <a href="#">Menu 3</a>
     <ul>
       <li><a href="#">Submenu 3</a></li>
       <li><a href="#">Submenu 3</a></li>
     </ul>
   </li>
 </ul>
 

任何没有子菜单的菜单将被当作一个正常的链接。

小心!Tendina使用< >标记为DOM遍历并单击事件管理。别让他们出去!

下一步是jQuery(> = 1.5.x)和Tendina加载页面:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 <script src="tendina.js"></script>
 

最后,你可以简单地调用函数列表

$('#menu').tendina()