·该怎么写事件控制表格背景颜色的变幻？

<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>

解决方案 »

  1.   

    ·鸣谢：zhaoxiaoyang(梅雪香@深圳)； 您给出的参考实例很有针对性，以下是我简化的：
    －－－
    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="#000099";
       }
    }
    //当发生onMouseOut时，就恢复默认
    function outRow(src){ 
    if(pointRow!=selectRow)
          pointRow.style.backgroundColor="#FFFFFF";
    }