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

最新推荐文章于 2022-02-22 14:28:32 发布

weixin_30570101

最新推荐文章于 2022-02-22 14:28:32 发布

阅读量313

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sunhaoyu/p/8874968.html

版权

<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>

转载于:https://www.cnblogs.com/sunhaoyu/p/8874968.html

weixin_30570101

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table tr列鼠标经过时更改背景颜色

<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>鼠标经过给tr换颜色</title> <script type="text/javascript"> function ...
复制链接

扫一扫