<script language="Javascript">
function disp(){
if(document.all.dispbody1.style.display=="hidden"){
document.all.displink.innerText="个人报名";
document.all.dispbody.style.display="block";
}else{
document.all.displink.innerText="团体报名";
document.all.dispbody1.style.display="hidden";
}
}
</script>

解决方案 »

  1.   

    给你一个全的。类似WINDOW的选项卡。。你放到网页中看看就明白了
    <style type="text/css">
    td { 
        font-size: 12px;
        color: #000000;
        line-height: 150%;
        }
    .sec1 { 
        background-color: white;
        cursor: hand;
        color: #000000;
        border-left: 1px solid gray;
        border-top: 1px solid gray;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray
        }
    .sec2 { 
        background-color: #f0f0f0;
        cursor: hand;
        color: #000000;
        border-left: 1px solid gray; 
        border-top: 1px solid gray; 
        border-right: 1px solid gray; 
        font-weight: bold; 
        }
    .sec3 { 
        background-color: white;
        cursor: hand;
        color: #000000;
        border-left: 1px solid white; 
        border-top: 1px solid white; 
        border-right: 1px solid white; 
    border-bottom: 1px solid gray; 
        font-weight: bold; 
        }
    .main_tab {
        background-color: #f0f0f0;
        color: #000000;
        border-left:1px solid gray;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray; 
        }
    </style>
    <script language="javascript">function secBoard(n)
    {
      for(i=0;i<secTable.cells.length-1;i++)
        secTable.cells[i].className="sec1";
      secTable.cells[n].className="sec2";
      for(i=0;i<mainTable.tBodies.length;i++)
        mainTable.tBodies[i].style.display="none";
      mainTable.tBodies[n].style.display="block";
    }
    </script>
    <table><tr><td>&nbsp;</td></tr></table>
    <table align=center border="0" cellspacing="0" cellpadding="0" width="585" id="secTable">
    <tr height="20" align="center">
    <td class="sec2" width="20%" onclick="secBoard(0)">第一页</td>
    <td class="sec1" width="20%" onclick="secBoard(1)">第二页</td>
    <td class="sec3" width="200"><font color="#ffffff">asdfsadfsdf</font></td>
    </tr>
    </table>
    <table align=center border="0" cellspacing="0" cellpadding="0" width="585" height="240" id="mainTable"
    class="main_tab">
    <tbody style="display:block;">
    <tr>
    <td align="center" valign="top">
    这是第一页
    </td>
    </tr>
    </tbody>
    <tbody style="display:none;">
           <tr>
    <td align="center" valign="top">
    这是第二页
    </td>
    </tr>
    </tbody>
    </table>