树状目录
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 >
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 >