六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

用JAVASCRIPT做出WINDOWS中選項卡的效果

[摘要]源碼:<html><head><title>window</title><meta http-equiv="content-type" content="text/html;charset=gb2312"...

源碼:

<html>
<head>
<title>window</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type=text/css>
td {
    font-size: 12px;
    font-family:arial;
    color: #000000;
    line-height: 150%;
    }
.sec1 {
    background-color: #EEEEEE;
    cursor: hand;
    color: #000000;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid gray;
    border-bottom: 1px solid #FFFFFF
    }
.sec2 {
    background-color: #E4EAF8;
    cursor: hand;
    color: #000000;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid gray;
    font-weight: bold;
    }
.main_tab {
    background-color: #E4EAF8;
    color: #000000;
    border-left:1px solid #FFFFFF;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    }
</style>

<script language=javascript>
<!-- 
  function secBoard(n)  {
    for(i=0; i<secTable.cells.length; i++){
      secTable.cells.className="sec1";
    }
    secTable.cells[n].className="sec2";

    for(i=0; i<mainTable.tBodies.length; i++){
      mainTable.tBodies.style.display="none";
    }
    mainTable.tBodies[n].style.display="block";
  }
//-->
</script>
</head>

<body>
  <table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable>
    <tr height=20 align=center>
      <td class=sec2 width=10% onclick="secBoard(0)">General Information</td>
      <td class=sec1 width=10% onclick="secBoard(1)">Team</td>
      <td class=sec1 width=10% onclick="secBoard(2)">Documentation</td>
      <td class=sec1 width=10% onclick="secBoard(3)">Test Report</td>
    </tr>
  </table>
  <table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
    <tbody style="display:block;">
      <tr>
        <td align=center valign=top> <br> <br> text </td>
      </tr>
    </tbody>
    <tbody style="display:none;">
      <tr>
        <td align=center valign=top> <br>
          <br>
          text1 </td>
      </tr>
    </tbody>
    <tbody style="display:none;">
      <tr>
        <td align=center valign=top> <br><br>   text2 </td>
      </tr>
    </tbody>
    <tbody style="display:none;">
      <tr>
        <td align=center valign=top> <br><br>   text3 </td>
      </tr>
    </tbody>
  </table>
</body>
</html>





主站蜘蛛池模板: 特片伦理在线网站 | 日本a视频在线观看 | 伊人五月婷| 午夜狠狠干 | 深夜视频免费 | 午夜在线免费观看 | 日本香蕉一区二区在线观看 | 日本亚洲天堂 | 日本中文一区 | 无码中文av有码中文av | 天天色综合1 | 天天干天天操天天做 | 香蕉视频色 | 中文字幕在线观看不卡视频 | 天天做日日干 | 日韩国产精品99久久久久久 | 日日噜噜噜夜夜爽爽狠狠69 | 忘忧草一区 | 中文字幕欧美日韩久久 | 自拍 亚洲| 亚洲一区色 | 亚洲永久精品网站 | 色狠狠色狠狠综合天天 | 五月天婷婷色综合 | 日本字幕 | 香草影院| 天天做天天添天天谢 | 四虎影视国产在线观看精品 | 伊人色婷婷 | 香蕉久久一区二区三区 | 午夜欧美福利 | 小小的日本动漫在线观看免费高清 | 五月天婷婷网址 | 四虎剧院| 色五月天天 | 亚洲欧洲精品一区二区三区 | 日韩精品福利在线 | 最好免费高清视频观看韩国 | 日本不卡高清免费v | 亚洲第一成人在线 | 欧美一区网站 |