一个很好的效果，隐藏表格

< html >  
< ahead >  
< title > 隐藏表格 </ title >  
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >  
< style  type ="text/css" > ...  
<!-- 
td {...}{ font-size: 12px; line-height: 150%} 
--> 
</ style >  
< script  language ="JavaScript" > ...  
<!-- 

function hve_display(t_id,i_id)...{//显示隐藏程序 
var t_id;//表格ID 
var i_id;//图片ID 
var on_img="on.gif";//打开时图片 
var off_img="off.gif";//隐藏时图片 
if (t_id.style.display == "none") ...{//如果为隐藏状态 
t_id.style.display="";//切换为显示状态 
i_id.src=on_img;}//换图 
else...{//否则 
t_id.style.display="none";//切换为隐藏状态 
i_id.src=off_img;}//换图 
} 

//--> 
</ script >  
</ head >  

< body  bgcolor ="#FFFFFF"  text ="#000000" >  
< table  width ="500" >  
< tr >  
< td >  
< table  width ="200"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#006699" >  
< tr  bgcolor ="#006699" >  
< td >   </ td >  
< td  width ="20" >< img  src ="on.gif"  width ="17"  height ="14"  name ="img1"  onClick ="hve_display(table1,img1)"  style ="cursor: 

hand" ></ td >  
</ tr > <!-- 图片的ID是img1，要隐藏的表格ID是table1，onclick调用hve_display程序；style设置鼠标为手型。 -->  
</ table >  
< table  ID ="table1"  width ="200"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#006699"  height ="120" >  
< tr  bgcolor ="#FFFFFF" >  
< td  bgcolor ="#7AACFE" >    </ td >  
</ tr >  
</ table >  

< br >  
< table  width ="200"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#006699" >  
< tr  bgcolor ="#006699" >  
< td >   </ td >  
< td  width ="20" >< img  src ="on.gif"  width ="17"  height ="14"  name ="img2"  onClick ="hve_display(table2,img2)"  style ="cursor: 

hand" ></ td >  
</ tr >  
</ table >  
< table  id ="table2"  width ="200"  border ="0"  cellspacing ="1"  cellpadding ="0"  bgcolor ="#006699"  height ="120" >  
< tr  bgcolor ="#FFFFFF" >  
< td  bgcolor ="#7AACFE" >    </ td >  
</ tr >  
</ table >  

</ td >  
</ tr >  
</ table >  
</ body >  
</ html >