示例如下:
复制代码代码如下:
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gbk">
<title>鼠标经过给tr换颜色</title>
</head>
<body>
<table align = "center" cellspacing = "1" cellpadding = "1">
<tr style = "cursor:hand" onmousemove = "changetrcolor(this)">
<td align = "center"> 1 </td>
<td> 123 </td>
<td> abvx </td>
<td> 465465 </td>
<td> 546654654 </td>
</tr>
<tr style = "cursor:hand" onmousemove = "changetrcolor(this)">
<td align = "center"> 1 </td>
<td> 123 </td>
<td> abvx </td>
<td> 465465 </td>
<td> 546654654 </td>
</tr>
<tr style = "cursor:hand" onmousemove = "changetrcolor(this)">
<td align = "center"> 1 </td>
<td> 123 </td>
<td> abvx </td>
<td> 465465 </td>
<td> 546654654 </td>
</tr>
</table>
<script type = "text/javascript">
関数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>