示例如下 :
复制代码代码如下:
<html>
<Evista>
<meta http-equiv = "content-type" content = "text/html; charset = gbk">
<title> 鼠标经过给 tr 换颜色 </title>
</ablo>
<Body>
<Tabla Align = "Center" CellSpacing = "1" CellPadding = "1">
<tr style = "cursor: hand" onMouseMove = "ChangetrColor (this)">
<td align = "centro"> 1 </td>
<TD> 123 </td>
<TD> ABVX </td>
<TD> 465465 </td>
<TD> 546654654 </td>
</tr>
<tr style = "cursor: hand" onMouseMove = "ChangetrColor (this)">
<td align = "centro"> 1 </td>
<TD> 123 </td>
<TD> ABVX </td>
<TD> 465465 </td>
<TD> 546654654 </td>
</tr>
<tr style = "cursor: hand" onMouseMove = "ChangetrColor (this)">
<td align = "centro"> 1 </td>
<TD> 123 </td>
<TD> ABVX </td>
<TD> 465465 </td>
<TD> 546654654 </td>
</tr>
</table>
<script type = "text/javaScript">
función ChangetrColor (OBJ) {
var _table = obj.ParentNode;
para (var i = 0; i <_table.rows.length; i ++) {
_table.rows [i] .style.backgroundcolor = "";
}
obj.style.backgroundcolor = "Blue";
}
</script>
</form>
</body>
</html>