
使用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()