<HTML><HEAD>
<TITLE> new </TITLE>
</HEAD>
<BODY>
<table border=1 cellpadding=1 cellspacing=1>
<tr>
<th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk0;show(kk0)">一年级</th>
<th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk1;show(kk1)">二年级</th>
<th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk2;show(kk2)">三年级</th>
</tr>
</table>
<table border=1 cellpadding=1 cellspacing=1 style='display=none' id=kk0>
<tr align=center>
<td>班级</td>
<td>班长</td>
<td>组长</td>
</tr>
<tr>
<td>一班</td>
<td onclick="oStudent.style.display = 'none';oStudent = ko0;show(ko0)">小明</td>
<td onclick="oStudent.style.display = 'none';oStudent = ko1;show(ko1)">小红</td>
</tr>
</table>
<table border=1 cellpadding=1 cellspacing=1  style='display=none' id=kk1>
<tr align=center>
<td>班级</td>
<td>班长</td>
<td>组长</td>
</tr>
<tr>
<td>一班</td>
<td>Jk</td>
<td>Ch</td>
</tr>
</table>
<table border=1 cellpadding=1 cellspacing=1 style='display=none' id=kk2>
<tr align=center>
<td>班级</td>
<td>班长</td>
<td>组长</td>
</tr>
<tr>
<td>三班</td>
<td>Ma</td>
<td>Yu</td>
</tr>
</table>
<pre style="display=none" id=ko0>
小明     [20岁] ......
</pre>
<pre style="display=none" id=ko1>
小红     [20岁] ....................
</pre>
<script language=JavaScript>
var oGrade = kk0;
var oStudent = ko0;
function show(aa){
if (aa.style.display=="none"){
aa.style.display="";
}
else{
aa.style.display="none";
}
}
</script>
</body>
</html>

解决方案 »

  1.   

    <HTML><HEAD>
    <TITLE> new </TITLE>
    </HEAD>
    <BODY>
    <table border=1 cellpadding=1 cellspacing=1>
    <tr>
    <th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk0;show(kk0)">一年级</th>
    <th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk1;show(kk1)">二年级</th>
    <th onclick="oStudent.style.display = 'none';oGrade.style.display = 'none';oGrade = kk2;show(kk2)">三年级</th>
    </tr>
    </table>
    <table border=1 cellpadding=1 cellspacing=1 style='display=none' id=kk0>
    <tr align=center>
    <td>班级</td>
    <td>班长</td>
    <td>组长</td>
    </tr>
    <tr>
    <td>一班</td>
    <td onclick="oStudent.style.display = 'none';oStudent = ko0;show(ko0)">小明</td>
    <td onclick="oStudent.style.display = 'none';oStudent = ko1;show(ko1)">小红</td>
    </tr>
    </table>
    <table border=1 cellpadding=1 cellspacing=1  style='display=none' id=kk1>
    <tr align=center>
    <td>班级</td>
    <td>班长</td>
    <td>组长</td>
    </tr>
    <tr>
    <td>一班</td>
    <td>Jk</td>
    <td>Ch</td>
    </tr>
    </table>
    <table border=1 cellpadding=1 cellspacing=1 style='display=none' id=kk2>
    <tr align=center>
    <td>班级</td>
    <td>班长</td>
    <td>组长</td>
    </tr>
    <tr>
    <td>三班</td>
    <td>Ma</td>
    <td>Yu</td>
    </tr>
    </table>
    <pre style="display=none" id=ko0>
    小明     [20岁] ......
    </pre>
    <pre style="display=none" id=ko1>
    小红     [20岁] ....................
    </pre>
    <script language=JavaScript>
    var oGrade = kk0;
    var oStudent = ko0;
    function show(aa){
    if (aa.style.display=="none"){
    aa.style.display="";
    }
    else{
    aa.style.display="none";
    }
    }
    </script>
    </body>
    </html>