分享2个不同的下拉菜单效果:顶部菜单栏示例和侧面下拉菜单演示。只要按照ddsidemenubar教程定义好结构即可。
淘建站为您提供更多_导航菜单_下拉导航_无限_菜单,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 244 次
觉得不错,可打赏下作者
免费共享
多级菜单结构图
<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="http://www.sucaiq.com/">Item 1a</a></li>
<li><a href="http://www.sucaiq.com/">Item 2a</a></li>
<li>
<a href="http://www.sucaiq.com/">Item Folder 3a</a>
<ul>
<li><a href="http://www.sucaiq.com/">Sub Item 3.1a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 3.2a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 3.3a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 3.4a</a></li>
</ul>
</li>
<li><a href="http://www.sucaiq.com/">Item 4a</a></li>
<li>
<a href="http://www.sucaiq.com/">Item Folder 5a</a>
<ul>
<li><a href="http://www.sucaiq.com/">Sub Item 5.1a</a></li>
<li>
<a href="http://www.sucaiq.com/">Item Folder 5.2a</a>
<ul>
<li><a href="http://www.sucaiq.com/">Sub Item 5.2.1a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 5.2.2a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 5.2.3a</a></li>
<li><a href="http://www.sucaiq.com/">Sub Item 5.2.4a</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.sucaiq.com/">Item 6a</a></li>
</ul>引入并调用无限菜单插件ddlevelsmenu.js
<script type="text/javascript" src="js/ddlevelsmenu.js"></script>//顶部菜单栏示例
ddlevelsmenu.setup("ddtopmenubar", "topbar")
//侧面菜单栏示例
ddlevelsmenu.setup("ddsidemenubar", "sidebar")

