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

时间：2021-10-24 11:41:24
<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>

相关文章