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

  • 相关阅读:
    Nim教程【八】(博客园撰写工具客户端更新)
    图解 MongoDB 地理位置索引的实现原理(转)
    MongoDB学习笔记(索引)(转)
    Hadoop集群WordCount运行详解(转)
    java操作mongodb(连接池)(转)
    面向对象设计七大原则(转)
    Spring中IOC和AOP的详细解释(转)
    java单例模式使用及注意事项
    java.io包的总体框架图(转)
    Java常见异常(Runtime Exception )小结(转)
  • 原文地址:https://www.cnblogs.com/winner/p/397269.html
Copyright © 2020-2023  润新知