tabpage效果

<html>
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="http://www.myie2.com/standard.css" rel="stylesheet" type="text/css">
<script src=" http://www.myie2.com/standard.js"></script>
</head>

<body>
<table width="670" height="22" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <table width="100%" border="0" cellpadding="10" cellspacing="0">
        <tr>
          <td valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td class="tab-on" id="navcell" name="navcell" OnClick="switchCell(1)"><img src="http://www.myie2.com/images/navbar_intro.gif" width="16" height="16" align="absmiddle">
                  11111 </td>
                <td class="tab-off" id="navcell" name="navcell" OnClick="switchCell(2)"><img src="http://www.myie2.com/images/navbar_update.gif" width="16" height="16" align="absmiddle">
                  22222</td>
                <td class="tab-off" id="navcell" name="navcell" OnClick="switchCell(3)"><img src="http://www.myie2.com/images/navbar_link.gif" width="16" height="16" align="absmiddle">
                  33333</td>
                <td class="tab-off" id="navcell" name="navcell" OnClick="switchCell(4)"><img src="http://www.myie2.com/images/navbar_awards.gif" width="16" height="16" align="absmiddle">
                  44444</td>
                <td class="tab-none">&nbsp;</td>
              </tr>
            </table>
            <table width="100%" border="0" cellpadding="0" cellspacing="5" class="tab-content" id="tb" name="tb">
              <tr>
                <td valign="top" class="td_heading"> 我们的冲浪之选</td>
              </tr>
              <tr>
                <td valign="top">
                  <table width="100%" border="0" cellpadding="0" cellspacing="4">
                    <tr>
                      <td valign="top">11111111111111111111111111111</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <table width="100%" border="0" cellpadding="0" cellspacing="5" class="hide-table" id="tb" name="tb">
              <tr>
                <td valign="top" class="td_heading">站点最后更新.:
                  <script language="JavaScript" type="text/JavaScript">
                  document.write(document.lastModified)
                  </script></td>
              </tr>
              <tr>
                <td valign="top"> <table width="100%" border="0" cellpadding="2" cellspacing="1">
                    <tr>
                      <td>22222222222222</td>
                    </tr>
                  </table> </td>
              </tr>
            </table>
            <table width="100%" border="0" cellpadding="0" cellspacing="5" class="hide-table" id="tb" name="tb">
              <tr>
                <td valign="top" class="td_heading"> 商务</td>
              </tr>
              <tr>
                <td valign="top">3333333333333</td>
              </tr>
            </table>
            <table width="100%" border="0" cellpadding="0" cellspacing="5" class="hide-table" id="tb" name="tb">
              <tr>
                <td valign="top" class="td_heading"> 奖项和链接</td>
              </tr>
              <tr>
                <td valign="top">4444444444</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

posted @ 2006-05-11 13:56  Winner.Net(2007)  阅读(567)  评论(0编辑  收藏  举报