显示table - 达人(阿Ken)

2006/03/20 | 显示table
类别(WEB相关) | 评论(0) | 阅读(25) | 发表于 11:43: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<script language="javascript" type="text/javascript">
function show(strtype){document.getElementById(strtype).style.display = "block";}
function hide(strtype){document.getElementById(strtype).style.display = "none";}
</script>
</head>

<body>
<table>
<tbody>
<tr valign="top">
<td>

<table style="display:block" id="tbl1">
  <tr>
    <td>
      <a href="#">abc</a>
      <a href="#" onclick="javascript:show('tbl2');hide('tbl1');">cba</a>
      aaaaa
    </td>
  </tr>
</table>
<table style="display:none" id="tbl2">
  <tr>
    <td>
      <a href="#" onclick="javascript:show('tbl1');hide('tbl2');">abc</a>
      <a href="#">cba</a>
      bbbbb
    </td>
  </tr>
</table>

</td>
</tr>
</tbody>
</table>
</body>
</html>; 0