鼠标经过tr时,改变tr当前背景颜色

  示例如下:

  

复制代码 代码如下:

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=GBK">

  <title>鼠标经过给tr换颜色</title>

  </head>

  <body>

  <table align="center" width="100%" border="1" cellspacing="1" cellpadding="1" >

  <tr style="cursor:hand " onmousemove="changeTrColor(this)">

  <td align="center">1</td>

  <td height="20"> 123</td>

  <td height="20"> abvx</td>

  <td height="20"> 465465</td>

  <td height="20">546654654</td>

  </tr>

  <tr style="cursor:hand " onmousemove="changeTrColor(this)">

  <td align="center">1</td>

  <td height="20"> 123</td>

  <td height="20"> abvx</td>

  <td height="20"> 465465</td>

  <td height="20">546654654</td>

  </tr>

  <tr style="cursor:hand " onmousemove="changeTrColor(this)">

  <td align="center">1</td>

  <td height="20"> 123</td>

  <td height="20"> abvx</td>

  <td height="20"> 465465</td>

  <td height="20">546654654</td>

  </tr>

  </table>

  <script type="text/javascript">

  function changeTrColor(obj){

  var _table=obj.parentNode;

  for (var i=0;i<_table.rows.length;i++){

  _table.rows[i].style.backgroundColor="";

  }

  obj.style.backgroundColor="blue";

  }

  </script>

  </form>

  </body>

  </html>