这几天脑子转不开了 FF啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<BODY>
<table width= "100% " class= "u_table " cellspacing=0 cellspacing=0>
<tr>
<td> <input type= "checkbox " name= "checkAll " id= "checkAll "/> </td>
<td> 毛毛虫 </td>
<td> 132132132132 </td>
<td> 2007-5-18 </td>
<td> <a href= "javascript:void(0); " class= "u_openMore " onclick= "opentr2( 'tr001 '); "> 展开或关闭 </a> </td>
</tr>
<tr id= "tr001 " style= "display:none; ">
<td colspan= "5 ">
<table>
<tr> <td align= "right " width= "100 "> 姓名： </td> <td> 毛毛虫啊！ <a href= "# "> blog </a> </td> </tr>
<tr> <td align= "right " width= "100 "> 常用联系方式： </td> <td> 132132132132 </td> </tr>
<tr>
<td colspan= "2 " align= "center ">
<a href= "# "> 详细资料 </a> <a href= "# "> 修改资料 </a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> <input type= "checkbox " name= "checkAll " id= "checkAll "/> </td>
<td> 豆豆虫 </td>
<td> 133133133133 </td>
<td> 2007-5-18 </td>
<td> <a href= "javascript:void(0); " class= "u_openMore "> 展开或关闭 </a> </td>
</tr>
</table>
<script>
function $(o){return document.getElementById(o);}
function opentr2(id){
var o = $(id);
if(o.style.display == "none "){
o.style.display = "block ";
}
else if(o.style.display == "block " || o.style.display == " "){
o.style.display = "none ";
}
}
</script>
</BODY>
</HTML>
--FF 下总在隐藏的时候多了一空白 哪位知道啊 闷了
[解决办法]
把id = 'tr001 ' 放到这个tr的table去~
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<BODY>
<div>
<table width= "100% " class= "u_table " cellspacing=0 cellpadding=0>
<tr>
<td> <input type= "checkbox " name= "checkAll " id= "checkAll "/> </td>
<td> 毛毛虫 </td>
<td> 132132132132 </td>
<td> 2007-5-18 </td>
<td> <a href= "javascript:void(0); " class= "u_openMore " onclick= "opentr2( 'tr001 '); "> 展开或关闭 </a> </td>
</tr>
<tr>
<td id= "tr001 " style= "display:none; " colspan= "5 ">
<table>
<tr> <td align= "right " width= "100 "> 姓名： </td> <td> 毛毛虫啊！ <a href= "# "> blog </a> </td> </tr>
<tr> <td align= "right " width= "100 "> 常用联系方式： </td> <td> 132132132132 </td> </tr>
<tr>
<td colspan= "2 " align= "center ">
<a href= "# "> 详细资料 </a> <a href= "# "> 修改资料 </a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> <input type= "checkbox " name= "checkAll " id= "checkAll "/> </td>
<td> 豆豆虫 </td>
<td> 133133133133 </td>
<td> 2007-5-18 </td>
<td> <a href= "javascript:void(0); " class= "u_openMore "> 展开或关闭 </a> </td>
</tr>
</table>
<script>
function $(o){return document.getElementById(o);}
function opentr2(id){
var o = $(id);
o.style.display = o.style.display ? " " : "none ";
}
</script>
</BODY>
</HTML>
不要用block
