一. 简述: 对一个层级的ul/ol进行调用menu()函数,即可简单做成层叠列表.
二. 实例:
<ul id="menu3"> <li>Menu1 <ol> <li>li1</li> <li>li2</li> </ol> </li> <li>Menu2</li> <li><a href="#">Menu3</a><!-- --> <ul> <li style="list-style-type: cjk-heavenly-stem" >Menu3-1</li> <li style="list-style-type: cjk-earthly-branch">Menu3-2</li> </ul> </li> </ul>
jquery/js代码:
<script> $(function() { //加载本地菜单 $("#menu3").menu(); }); </script>
1.其中多个list item需要使用<li>标签.
2.<li>内嵌多个list item时,需要外面套一个ul/ol,如果有多个,只加载最后一个.
3.列表有两种显示方式,一种直接列出,一种给出级联菜单.
其中Menu1没有外套a标签,没有层级结构.
Menu3有,则可以继续点击(光标置于其上即可)进入下一级菜单.