js 伸缩菜单

最新推荐文章于 2022-09-28 21:39:46 发布

share4318

最新推荐文章于 2022-09-28 21:39:46 发布

阅读量663

点赞数

分类专栏： css+js 文章标签： border function div table c

本文链接：https://blog.csdn.net/share4318/article/details/1380314

版权

css+js 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

function sho(n) {

if (d2006111103[n].style.display=="none") {
    hide();
    d2006111103[n].style.display="block";
}
else {
    d2006111103[n].style.display="none";
}

}
</script>
<style>
a#a2006111103{text-decoration:none;color:black}
td {border:solid 0px darkgreen;background:white;font:14px}
div#dm {padding:2px;text-align:center;border-top:solid 1px #F7F5F5;border-bottom:solid 1px #666666;border-left:solid 1px #F7F5F5;border-right:solid 1px #666666;background:#D4D0C8;cursor:hand}
div#d2006111103{padding:4px;border-bottom:solid 1px #F7F5F5;border-top:solid 1px #666666;border-right:solid 1px #F7F5F5;border-left:solid 1px #666666;background:#D4D0C8}
</style>
<table cellspacing=0 cellpadding=0 style="border:solid 1px black;">
<tr>
    <td>
      <div id=dm><a id=a2006111103 οnclick="sho(0)">菜单一</a></div>
      <div id="d2006111103" style="display:none">
      <li>第一项
      <li>第二项
      <li>第三项
      </div>
    </td>
    </tr>
    <tr >
    <td>
      <div id=dm><a id=a2006111103 οnclick="sho(1)">菜单二</a></div>
      <div id="d2006111103" style="display:none">
      <li>第一项
      <li>第二项
      <li>第三项
        </div>
    </td>
    </tr>
    <tr >
    <td>
      <div id=dm><a id=a2006111103 οnclick="sho(2)">菜单三</a></div>
      <div id="d2006111103" style="display:none">
      <li>第一项
      <li>第二项
      <li>第三项</div>
    </td>
</tr>
</table>

菜单一

菜单二

菜单三

share4318

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 伸缩菜单

function hide() { for(i=0;i d2006111103[i].style.display="none"; }}function sho(n) { if (d2006111103[n].style.display=="none") { hide(); d2006111103[n].style.display="block"; } else {
复制链接

扫一扫