• 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>

  • 相关阅读:
    17个Web前端开发工程师必看的国外网站
    CSS 绘制三角形气泡框
    Javascript冒泡事件
    页面文本框的只读属性readonly的设置与使用focus-blur事件方法的区别
    javascript中的类型的准确检测
    认识Console,调试Javascript
    仿美团页面
    EDM开发之四:错误记录
    EDM开发之一:系统概述
    EDM开发之二:SMTP服务器
  • 原文地址:https://www.cnblogs.com/winner/p/397269.html
Copyright © 2020-2023  润新知