首页 | 7325 | 1246 | 3965 | 添加收藏 上一个 下一个
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()