仿QQ面板

<HTML>
<HEAD>
<script language="javascript">
function setCurWin(obj)
{

for(i=0;i<document.all.curwin.length;i++){
document.all.curwin[i]==obj?document.all.bb[i].style.display="none" : document.all.bb[i].style.display="";

}
}</script>
</HEAD><BODY>
<table border="1" width="200"  >
<!-- aaaaaa -->
<tr id="curwin" onClick="setCurWin(this);" style="cursor:hand">
<td bgcolor="#99CCFF">好友名单</td>
</tr>
<tr  id="bb"><td>
aaa<br>
aaa<br>
aaa<br>
</td></tr>
<!-- bbbbbbbb -->
<tr id="curwin" onClick="setCurWin(this);" style="cursor:hand">
<td bgcolor="#99CCFF">黑名单</td>
</tr>
<tr  id="bb"><td>
bbb<br>
bbb<br>
bbb<br>
</td></tr></table>
</BODY>
</HTML>