示例如下
复制代码代码如下:
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gbk">
<title> 鼠标经过给 tr 换颜色 </title>
</head>
<Body>
<tabela 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>
</tabela>
<script type = "text/javascript">
function chougtrcolor (obj) {
var _table = obj.parentNode;
for (var i = 0; i <_table.rows.length; i ++) {
_table.rows [i] .style.backgroundColor = "";
}
obj.style.backgroundcolor = "azul";
}
</script>
</morm>
</body>
</html>