无限级ddsmoothmenu菜单实例

点击这里查看效果
以横向ddsmoothmenu下来菜单为例，以下是实现代码：

<base target="_blank" /><link rel="stylesheet" type="text/css" href="http://keleyi.com/keleyi/phtml/menu/6/ddsmoothmenu.css" />
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/menu/6/ddsmoothmenu.js"></script>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://keleyi.com/a/bjac/h2dj4d34.htm">Item 1</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/menu/6.htm">Folder 0</a>
<ul>
<li><a href="http://keleyi.com/a/bjac/0xusjq8m.htm">Sub Item 1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com">Sub Item 1.4</a></li>
<li><a href="http://keleyi.com/a/bjac/2fs4sdog.htm">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/usklan8m.htm">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="http://keleyi.com">Folder 1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com/a/bjac/06ysbxv0.htm">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/xvcdrv0w.htm">Sub Item 1.4</a></li>
<li><a href="http://keleyi.com/a/bjac/ara6jk5h.htm">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com/a/bjac/4yiwpvt0.htm">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/k3qur783.htm">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/a/bjac/79a7a1f25a339e0a.htm">Item 3</a></li>
<li><a href="http://keleyi.com/a/bjac/4w0otu4n.htm">Folder 2</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 2.1</a></li>
<li><a href="http://keleyi.com">Folder 2.1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 2.1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 2.1.2</a></li>
<li><a href="http://keleyi.com">Folder 3.1.1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 3.1.1.1</a></li>
<li><a href="http://keleyi.com/a/bjac/qm8rslq3.htm">Sub Item 3.1.1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 3.1.1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/ca7qisib.htm">Sub Item 3.1.1.4</a></li>
<li><a href="http://keleyi.com">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/a/bjac/sxq4jj4d.htm">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://keleyi.com/menu/javascript/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
<script type="text/javascript">

ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //横向设置"h"，竖向为"v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

转载自：http://keleyi.com/a/bjac/h2dj4d34.htm

web前端：http://www.cnblogs.com/jihua/p/webfront.html