二级树形菜单

最新推荐文章于 2021-11-21 14:10:37 发布

forgetrebecca

最新推荐文章于 2021-11-21 14:10:37 发布

阅读量306

点赞数

分类专栏： HTML和CSS JavaScript 文章标签： XHTML JavaScript Web ViewUI

本文链接：https://blog.youkuaiyun.com/forgetrebecca/article/details/84018240

版权

JavaScript 同时被 2 个专栏收录

17 篇文章

订阅专栏

HTML和CSS

15 篇文章

订阅专栏

二级树形菜单，学习了

html代码


<body>
<ul id="nav">
	<li><a href="#Menu=ChildMenu1"  οnclick="DoMenu('ChildMenu1')">我的资料</a>
		 <ul id="ChildMenu1" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>
	<li><a href="#Menu=ChildMenu2" οnclick="DoMenu('ChildMenu2')">我的相册</a>
		 <ul id="ChildMenu2" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>
	<li><a href="#Menu=ChildMenu3" οnclick="DoMenu('ChildMenu3')">我的通讯录</a>
		 <ul id="ChildMenu3" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>
	<li><a href="#Menu=ChildMenu4" οnclick="DoMenu('ChildMenu4')">我的WIKI</a>
		 <ul id="ChildMenu4" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>


<li><a href="#Menu=ChildMenu5" οnclick="DoMenu('ChildMenu5')">我的卡卡淘</a>
		 <ul id="ChildMenu5" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>



<li><a href="#Menu=ChildMenu6" οnclick="DoMenu('ChildMenu6')">我的分享</a>
		 <ul id="ChildMenu6" class="collapsed">
			 <li><a href="#">first</a></li>
			 <li><a href="#">second</a></li>
			 <li><a href="#">third</a></li>
			 <li><a href="#">forth</a></li>
			 <li><a href="#">fifth</a></li>
		 </ul>
	</li>
</ul>
</body>

继续学习中ing....