鼠标经过tr时,改变tr当前背景颜色
鼠标经过tr时,改变tr当前背景颜色
发布时间:2016-12-30 来源:查字典编辑
摘要:示例如下:复制代码代码如下:鼠标经过给tr换颜色1123abvx4654655466546541123abvx465465546654654...

示例如下:

复制代码 代码如下:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类