树状目录
1 <html>
2 <head>
3 <title>JSP Page</title>
4 </head>
5 <body>
6 <div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
7 +主目录1
8 </div>
9 <div id="child1" style="display:none">
10 <a href="www.baidu.com">-子目录1</a><br>
11 <a href="www.baidu.com">-子目录2</a><br>
12 <a href="www.baidu.com">-子目录3</a><br>
13 <a href="www.baidu.com">-子目录4</a>
14 </div>
15 <div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'">
16 +主目录2
17 </div>
18 <div id="child2" style="display:none">
19 <a href="www.csdn.com">-tupian</a>
20 </div>
21
22 </body>
23 </html>