CSS制作树状目录代码

 

CSS制作树状目录代码 CSS制作的树状目录代码： 一、效果演示： + 主目录1 - 子目录1 - 子目录2 - 子目录3 - 子目录4 + 主目录2 - 子目录1 - 子目录2 - 子目录3 　　 二、代码： <p><div id="main1" style="cursor: hand;color:blue" οnclick="document.all.child1.style.display= (document.all.child1.style.display =='none')?'':'none'" ><br />+ 主目录1</div><br /><div id="child1" style="display:none"><br /><a href="http://myok.bokee.com/#">- 子目录1</a> <br><br /><a href="http://myok.bokee.com/#">- 子目录2</a> <br><br /><a href="http://myok.bokee.com/#">- 子目录3</a> <br><br /><a href="http://myok.bokee.com/#">- 子目录4</a> <br /></div><br /><div id="main2" style="cursor: hand;color:blue" οnclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" ><br />+ 主目录2 </div><br /><div id="child2" style="display:none"> <br /><a href="http://myok.bokee.com/#">- 子目录1</a> <br> <br /><a href="http://myok.bokee.com/#">- 子目录2</a> <br><br /><a href="http://myok.bokee.com/#">- 子目录3</a> <br /></div><br />　　 </p><p /></div></p> <BR><BR><BR></div><DIV style="FONT-SIZE: 12px; COLOR: #003388; LINE-HEIGHT: 180%; FONT-FAMILY: 宋体" align=right>(来源：网络 编辑：邻居) </DIV>