鼠标经过表格的行时，此行改变颜色，如何实现？？

<html><head><title>动态格式测试</title></head>
<style type="text/css">
.over{background-color:#C6D7E7}
.out{background-color:#FFF7E7}
</style>
<body><table  border=1 >
<tr class="out" onmouseover="this.className='over'"  onmouseout="this.className='out'">
  <td>测试一</td>
  <td>测试一</td>
</tr>
<tr class="out" onmouseover="this.className='over'"  onmouseout="this.className='out'">
  <td>测试一</td>
  <td>测试一</td>
</tr>
<tr class="out" onmouseover="this.className='over'"  onmouseout="this.className='out'">
  <td>测试一</td>
  <td>测试一</td>
</tr>
</table></body>
</html>

解决方案 »

  1.   

    <td height="20" bgcolor="#fff5fb" 
    onmouseover='bgColor="#ffffff"' 
    onmouseout='bgColor="#FFF5FB"'>直接加到里面好了。
      

  2.   

    <html><head><title>动态格式测试</title></head>
    <style type="text/css">
    .over{background-color:#C6D7E7}
    .out{background-color:#FFF7E7}
    </style>
    <script>
    function over()
    {
    if(event.srcElement.tagName=="TD")
    event.srcElement.parentElement.className = "over"
    }
    function out() {
    if(event.srcElement.tagName=="TD")
    event.srcElement.parentElement.className = "out"
    }
    </script>
    <body onmouseover="javascript:over()" onmouseout="javascript:out()"><table  border=1  >
    <tr class="out">
      <td>测试一</td>
      <td>测试一</td>
    </tr>
    <tr class="out">
      <td>测试一</td>
      <td>测试一</td>
    </tr>
    </table></body>
    </html>
      

  3.   

    onmouseover="this.bgcolor='#EFEFEF';" onmouseout="this.bgcolor='#FFFFFF';"