可折叠展开的简单目录 - 第一建站网 - 爱扫码·i3m.cn:3hhh.cn/7639 -扫一扫.cn·二维码.cn 333e.cn/7639 搜一搜.cn/7639


二维码
管理员
管理员
  • 社区居民
  • 最爱沙发
  • 原创写手
  • 忠实会员
阅读:653回复:0

无障碍·translate·翻訳·二维码.cn/i3h.cn/7639
·搜一搜.cn/可折叠展开的简单目录

楼主#
更多 发布于:2018-10-17 02:51
可折叠目录、展开菜单的简单方法
test
<body>




<p> </p>
<table border="0" width="9%">
        <tr>
                <td>
                <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>
 
<a href="#">- 子目录2</a>
 
<a href="#">- 子目录3</a>
 
<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>
 
<a href="#">- 子目录2</a>
 
<a href="#">- 子目录3</a>
</div>

                <p> </p>
                <p> </td>
        </tr>
</table>

</body>
  • 喜欢0 评分0
    游客
    

    返回顶部