在鼠标经过时,<table>的<td> 背景变颜色，怎么实现？？？？？

Question

<script language="JavaScript">
<!--
function fmove(){
 var e=event.srcElement;
 if(e.tagName=="TD"){
  e.parentNode.style.backgroundColor="red";
  }
}
function fout(){
 var e=event.srcElement;
 if(e.tagName=="TD"){
  e.parentNode.style.backgroundColor="white";
  }
}
//-->
</script>
<table style="border:1 solid black" onmousemove="fmove()" onmouseout="fout()">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
</table>

Answer 1

http://www.sobao.com/Internetschool/wang/javascript/053.php?newsid=59975

Answer 2

<td onmouseover="javascript:this.bgColor='#CCCCCC';this.borderColor='#666666'" onmouseout="javascript:this.bgColor='#FFFFFF';this.borderColor='#FFFFFF'" borderColor="#ffffff" width="138" bgColor="#ffffff">.</td>就这样就OK。借光顺便问一下：
比如以下代码可以实现当鼠标移动上去的时候表格边框变化。（这个效果就是微软网站上的那种效果）但是我发现在Mozilla下和Netscape下均无法显示这个效果。现在Mozilla风头正猛，如果不支持的话实在是说不过去的，请问哪位知道如何在Mozilla下实现这个效果呀？
<table width="269" cellspacing="1" bgcolor="#FFFFFF" border="1" bordercolor="#FFFFFF">
  <tr>
   <td onmouseover="javascript:this.bgColor='#CCCCCC';this.borderColor='#666666'" onmouseout="javascript:this.bgColor='#FFFFFF';this.borderColor='#FFFFFF'" borderColor="#ffffff" width="138" bgColor="#ffffff">
   1</td>
   <td onmouseover="javascript:this.bgColor='#CCCCCC';this.borderColor='#666666'" onmouseout="javascript:this.bgColor='#FFFFFF';this.borderColor='#FFFFFF'" borderColor="#ffffff" width="138" bgColor="#ffffff">
   1</td>
  </tr>
  <tr>
   <td onmouseover="javascript:this.bgColor='#CCCCCC';this.borderColor='#666666'" onmouseout="javascript:this.bgColor='#FFFFFF';this.borderColor='#FFFFFF'" borderColor="#ffffff" width="138" bgColor="#ffffff">
   2</td>
   <td onmouseover="javascript:this.bgColor='#CCCCCC';this.borderColor='#666666'" onmouseout="javascript:this.bgColor='#FFFFFF';this.borderColor='#FFFFFF'" borderColor="#ffffff" width="138" bgColor="#ffffff">
   3</td>
  </tr>
 </table>