可折叠展开的简单目录实现代码

简单的目录,展开菜单,鼠标点击即可展开,再次点击即可合拢,类似树形菜单的功能,在浏览网页时会见很多,不多做介绍了,需要的朋友可以参考下

<title>可折叠展开的简单目录</title>   <style>div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}</style>   <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>   </div>

效果展示:(请用手机查看)https://www.35boke.com/category-20.html 

本站所有的教程只做学习使用,切勿做违法的事情,否则后果自行承担!与本站无关!
35博客 » 可折叠展开的简单目录实现代码

1 评论

  1. 8855579

    [U][/U]

发表评论

您需要后才能发表评论