我想实现在一个htm文件内分页用javastript,就象是暗的选项卡那样，选项卡头在右下方。如何实现？急！！！

控制div的 style 的display 的属性
document.getElementById("*").style.display="block";
="none"

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

我javastript不太会,不会滑动门.请指点
有个现成的选项卡在上面的，下面的LZ自己去改，这只是个思路而已
也就是2F说的控制style而已
<html>
<head>
<title>test</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<document.getElementById("secTable").cells.length; i++) {
      document.getElementById("secTable").cells[i].className="sec1";
    }

    document.getElementById("secTable").cells[n].className="sec2";

    for(i=0; i<document.getElementById("mainTable").tBodies.length; i++) {
      document.getElementById("mainTable").tBodies[i].style.display="none";
    }

    document.getElementById("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>text0 </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>
我要生成一个htm页，在该页中用滑动门实现一个分页，选项卡的头在右下方的。动态生成，这样现实否？请指点
那就控制div的height呗，将height绑定到div的onmouseover和mouseout事件中去
控制div的height和div的display，更有动感