首页 > 网络编程 > JavaScript > 网页特效 > 导航菜单 > 简单的展开 折叠目录 可折叠展开的简单目录实现代码 2012-12-25 15:40:51 作者： 简单的目录，展开菜单，鼠标点击即可展开，再次点击即可合拢，类似树形菜单的功能，在浏览网页时会见很多，不多做介绍了，需要的朋友可以参考下 <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> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:css实现会折叠、展开的菜单导航栏效果基于jQuery实现下拉收缩(展开与折叠)特效jquery实现点击TreeView文本父节点展开/折叠子节点
