急:如何用JAVASCRIPT获得树形菜单?

Question

下面是经测试过的例子，比较简单好使。<div id="main1" style="color:blue" 
onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
+主目录1
</div>
<div id="child1" style="display:none; position:relative; left:20px">
<a href="#">-子目录1</a><br>
<a href="#">-子目录2</a><br>
<a href="#">-子目录3</a><br>
<a href="#">-子目录4</a>
</div><div id="main2" style="color:blue" 
onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" >
+主目录2 
</div>
<div id="child2" style="display:none; position:relative; left:20px">
<div id="main20" style="color:red" onclick="document.all.child20.style.display=(document.all.child20.style.display =='none')?'':'none'">
+子目录1
</div>
<div id="child20" style="display:none;color:green; position:relative; left:20px">
-子子目录11<br>
-子子目录21<br>
-子子目录31<br>
</div>
<a href="#">-子目录2</a><br>
<a href="#">-子目录3</a>
</div>

Answer 1

可以啊，有很多这样的例子，csdn里也有，搜索一下。Dreamweaver也有这个功能，很好用，生成的就是纯javascript代码。建议使用。

Answer 2

请问一下: tang1980(与同仁共勉之) :
当我点击"+主目录1"时,怎么当鼠标点击该目录时,变成有手指的那种.谢谢.

Answer 3

在第一行的 style="color:blue" 中加入" ;cursor:hand "变成如下所示就可以了
     style="color:blue;cursor:hand" 
其他的地方依此类推！哈哈～

Answer 4

tang1980：我愿意给你100分，真的！
这段代码正是我需要的。

Answer 5

有一个方法是最简单的,microsoft在windows里面本面有提供一个控件,用这个控件实现树形非常简单实用!