用户:灵车甩尾棺材甩/tabber.html

<!DOCTYPE HTML>

<html>

<head>

  <meta charset="utf-8">

  <title>tabber测试</title>

  <link href="tabber-style.css" rel="stylesheet" type="text/css">

  <script src="tabber.js"></script>

  <?php include 'tabber-widget.php';?>

</head>

<body>

  <table style="background-color:transparent; width:50%;">

    <tr>

      <td>

        <ul class="tabs">

          <li class="active"><a href="#tab1">Tab 1</a></li>

          <li><a href="#tab2">Tab 2</a></li>

          <li><a href="#tab3">Tab 3</a></li>

        </ul>

      </td>

    </tr>

    <tr>

      <td>

        <div class="tab_container">

          <div id="tab1" class="tab_content">

          tab1内容

          </div>

          <div id="tab2" class="tab_content" style="display:none;">

          tab2内容

          </div> 

          <div id="tab3" class="tab_content" style="display:none;">

          tab3内容

          </div>

        </div>

        <div class="tab-clear"></div>

      </td>

    </tr>

  </table>

</body>

</html>