100分求助一个页面样式的问题.马上揭贴

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>code by meixx</title>
<script language="JavaScript">
<!--
var selectRow=null;//记录上一次click过的行
var pointRow=null;//记录上次mouseover过的行function moveRow(src){
   if(pointRow!=null)
      pointRow.style.backgroundColor="#FFFFFF";
   if(src!=selectRow){
      pointRow=src;
      pointRow.style.backgroundColor="#B6D3FC";
   }
}
function clickRow(src){
   if(selectRow!=null){
      selectRow.style.backgroundColor="#FFFFFF";
      selectRow.style.color="#000000";
   }
   selectRow=src;
   selectRow.style.backgroundColor="#0000FF";
   selectRow.style.color="#FFFFFF";
   pointRow=null;
}//-->
</script></head><body>
<table width="100%"  border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse" bordercolor="#000000">
  <tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onMouseOver="moveRow(this)" onClick="clickRow(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table></body>
</html>