可以用div来实现
比如
[CODE]<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<style type="text/css">
<!--
-->
</style>
<STYLE type=text/css>
A {
TEXT-TRANSFORM: none; TEXT-DECORATION: none
}
UNKNOWN {
TEXT-DECORATION: underline
}
body {
background-color: #f7f7ff;
}
.style3 {font-size: 16px}
.style2 {font-size: 12px}
</STYLE>
<SCRIPT>
function initIt(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
whichEl=divColl(i);
if(whichEl.className=="child")whichEl.style.display="none";}
}
function expands(el){
divColl=document.all.tags("DIV");
whichEl1=divColl(el);
if(whichEl1.style.display=="none")
{
initIt();
whichEl1.style.display="block";
}
else
{
whichEl1.style.display="none";
}
}
onload=initIt;
</SCRIPT>
</HEAD>
<BODY>
<p class="style3">好友列表</p>
<p>
<A href="javascript:expands(0)"><IMG height=14 hspace=0 src=Nimg/openfold.gif width=17 border=0><span class=style2><FONT color=#0000ff>我的好友</FONT></span></A><br><DIV class="child" id=0" ><table border=0 cellspacing=0><tr><td><A href=UsQuery.asp?UsName=admin1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>admin1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=User1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>User1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=Text1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>Text1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2></FONT></span></A></td></tr></table></DIV><A href="javascript:expands(1)"><IMG height=14 hspace=0 src=Nimg/openfold.gif width=17 border=0><span class=style2><FONT color=#0000ff>陌生人</FONT></span></A><br><DIV class="child" id=1" ><table border=0 cellspacing=0><tr><td><A href=UsQuery.asp?UsName=admin1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>admin1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=User1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>User1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=Text1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>Text1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2></FONT></span></A></td></tr></table></DIV><A href="javascript:expands(2)"><IMG height=14 hspace=0 src=Nimg/openfold.gif width=17 border=0><span class=style2><FONT color=#0000ff>黑名单</FONT></span></A><br><DIV class="child" id=2" ><table border=0 cellspacing=0><tr><td><A href=UsQuery.asp?UsName=admin1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>admin1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=User1&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2>User1</FONT></span></A></td></tr><tr><td><A href=UsQuery.asp?UsName=&UsFName=admin target=middleright><span class=style2><FONT color=#000000><FONT size=2></FONT></span></A></td></tr></table></DIV>
</p>
</BODY>
</HTML>[/CODE]
