table tr列 鼠标经过时更改背景颜色

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>鼠标经过给tr换颜色</title>   
<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>

</head>
<body>
    <table align="center" width="100%" border="1" cellspacing="1" cellpadding="1" >
          <tr style="cursor:pointer;" 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:pointer;" 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:pointer;" 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>
</body>
</html>

 

posted @ 2018-04-18 15:09  Smile_灰太狼  阅读(1477)  评论(0)  编辑  收藏  举报