Dzwebs.Net

撰写电脑技术杂文十余年

用CSS实现的实用目录树

Admin | 2007-11-3 22:22:40 | 被阅次数 | 6988

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>大众计算机学习网</title>
</head>

<body>
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
+ 根目录一</div>
<div id="child1" style="display:none">
<a href="#">- 子目录①</a><br>
<a href="#">- 子目录②</a><br>
<a href="#">- 子目录③</a><br>
<a href="#">- 子目录③</a>
</div>
<div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" >
+ 根目录二 </div>
<div id="child2" style="display:none">
<a href="#">- 子目录1</a><br>
<a href="#">- 子目录2</a><br>
<a href="#">- 子目录3</a><br>
<a href="#">- 子目录4</a>
</div>

</body>

</html>
     


该杂文来自: 网页制作杂文

上一篇:在网页中如何实现上标和下标

下一篇:非常不错的表单显示效果

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计