一个表格菜单

<head>
<title>无标题文档</title>
<script language=javascript>
<!--
function ShowSubMenu(sid){
for (i=1;i<=5;i++){
   if(i!=sid){eval("menu_" + i + ".style.display=\"none\";");}
}

whichEl = eval("menu_" + sid);
if (whichEl.style.display == "none"){
   eval("menu_" + sid + ".style.display=\"\";");
}else{
   eval("menu_" + sid + ".style.display=\"none\";");

/*   if(i!=1){eval("menu_" + i + ".style.display=\"none\";");}     */ 替换上面可以默认打开{dy}项
}
}

window.onload=function(){
for (i=1;i<=5;i++){
   eval("menu_" + i + ".style.display=\"none\";");
}
}
-->
</script>

</head>

<body>
<TABLE style="MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0 width=182
      border=0>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 60px"
          background=images/b11.gif height=26><A href="#" onClick="ShowSubMenu(1)">地面插座系列</A></TD></TR>
          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY></TABLE>
      <TABLE width=182
      border=0 cellPadding=0 cellSpacing=0 id="menu_1" style="MARGIN-LEFT: 10px; background-image:url(images/productNavBg.jpg); background-repeat:repeat-y;">
        <TBODY>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">翻盖式地面插座</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">超薄型地面插座</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">强弱电组合地面插座</A></TD>
          </TR>
              <TR>
            <TD height=26 class="nav_a"><A
            href="">多位地面插座</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">架空地板插座盒</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">弹跳式地面插座</A></TD>
          </TR>
              <TR>
            <TD height=22 class="nav_a"><A
            href="">旋启式地面插座</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">光纤地面插座</A></TD>
          </TR>

          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY>
      </TABLE>
         <TABLE style="MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0 width=182
      border=0>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 60px"
          background=images/b11.gif height=26><A href="javascript:ShowSubMenu(2)">展位配电系列</A></TD>
        </TR>
          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY></TABLE>
      <TABLE width=182
      border=0 cellPadding=0 cellSpacing=0 id="menu_2" style="MARGIN-LEFT: 10px; background-image:url(images/productNavBg.jpg); background-repeat:repeat-y;">
        <TBODY>
          <TR>
            <TD height=26 class="nav_a"><A
            href="插座箱</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="插座箱</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="插座箱</A></TD>
          </TR>
              <TR>
            <TD height=26 class="nav_a"><A
            href="插座箱</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="插座箱</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="组合插座箱</A></TD>
          </TR>
              <TR>
            <TD height=22 class="nav_a"><A
            href="室外接线箱</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="地沟盖板</A></TD>
          </TR>
                  <TR>
            <TD height=22 class="nav_a"><A
            href="">展位插座箱布线方式图</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">电缆沟参考尺寸</A></TD>
          </TR>
                  <TR>
            <TD height=22 class="nav_a"><A
            href="">展位插座箱设置方式</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">展位插座箱引用标准</A></TD>
          </TR>


          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY>
      </TABLE>
   <TABLE style="MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0 width=182
      border=0>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 60px"
          background=images/b11.gif height=26><A href="#" onClick="ShowSubMenu(3)">地面线槽系列</A></TD>
        </TR>
          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY></TABLE>
   <TABLE width=182
      border=0 cellPadding=0 cellSpacing=0 id="menu_3" style="MARGIN-LEFT: 10px; background-image:url(images/productNavBg.jpg); background-repeat:repeat-y;">
        <TBODY>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">线槽分线盒</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">线槽出线口</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">封闭式地面线槽</A></TD>
          </TR>
              <TR>
            <TD height=26 class="nav_a"><A
            href="">易开式地面线槽</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">架空式地板线槽</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="系列地面线槽设计</A></TD>
          </TR>
              <TR>
            <TD height=22 class="nav_a"><A
            href="">易开式地面线槽组件</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">易开式地面线槽配件</A></TD>
          </TR>


          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY>
      </TABLE>
   <TABLE style="MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0 width=182
      border=0>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 60px"
          background=images/b11.gif height=26><A href="#" onClick="ShowSubMenu(4)">会议插座系列</A></TD>
        </TR>
          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY></TABLE>
   <TABLE width=182
      border=0 cellPadding=0 cellSpacing=0 id="menu_4" style="MARGIN-LEFT: 10px; background-image:url(images/productNavBg.jpg); background-repeat:repeat-y;">
        <TBODY>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">桌面插座</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">墙面插座</A></TD>
          </TR>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">屏风插座</A></TD>
          </TR>
              <TR>
            <TD height=26 class="nav_a"><A
            href="">安装说明</A></TD>
          </TR>


          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY>
      </TABLE>
<TABLE style="MARGIN-LEFT: 10px" cellSpacing=0 cellPadding=0 width=182
      border=0>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 60px"
          background=images/b11.gif height=26><A href="#" onClick="ShowSubMenu(5)">插座系统配件</A></TD>
        </TR>
          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY></TABLE>
   <TABLE width=182
      border=0 cellPadding=0 cellSpacing=0 id="menu_5" style="MARGIN-LEFT: 10px; background-image:url(images/productNavBg.jpg); background-repeat:repeat-y;">
        <TBODY>
          <TR>
            <TD height=26 class="nav_a"><A
            href="">插座插口配套件</A></TD>
          </TR>
          <TR>
            <TD height=22 class="nav_a"><A
            href="">地插线槽配套件</A></TD>
          </TR>
              <TR>
            <TD height=22>&nbsp;</TD>
          </TR>


          <TR>
            <TD height=1 bgcolor="#C1D3DD"></TD>
          </TR>
        </TBODY>
      </TABLE>
</body>
</html>



郑重声明:资讯 【一个表格菜单】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——