资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
可折叠展开的简单目录实现代码
<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="#" _ewebeditor_ta_href="%23">- 子目录1</a> <br> <a href="#" _ewebeditor_ta_href="%23">- 子目录2</a> <br> <a href="#" _ewebeditor_ta_href="%23">- 子目录3</a> <br> <a href="#" _ewebeditor_ta_href="%23">- 子目录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="#" _ewebeditor_ta_href="%23">- 子目录1</a> <br> <a href="#" _ewebeditor_ta_href="%23">- 子目录2</a> <br> <a href="#" _ewebeditor_ta_href="%23">- 子目录3</a> </div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程