|
DIV形式:
<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">
<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">
<a href="#">- 子目录1</a><br>
<a href="#">- 子目录2</a><br>
<a href="#">- 子目录3</a><br>
<a href="#">- 子目录4</a>
</div>
table形式:
<table width="128" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="128" id="main3" style="color:blue" onclick="document.all.child3.style.display=(document.all.child3.style.display =='none')?'':'none'">+ 主目录3</td>
</tr>
<tr id="child3" style="display:none"id="child3" style="display:none">
<td><TABLE><TR><TD><a href="#">- 子目录1</a></TD></TR>
<TR><TD><a href="#">- 子目录2</a> </TD></TR>
<TR><TD><a href="#">- 子目录3</a></TD></TR>
<TR><TD><a href="#">- 子目录4</a></TD></TR>
</TABLE>
</td>
</tr>
</table> | 
