<head>
<title></title>
<script type="text/javascript">
function init() {
var table = document.getElementById_x("students");
var trs = table.getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++) {
//鼠标经过的时候,换颜色
trs[i].onmouseover = onOver;
//当鼠标离开时候,还原颜色
trs[i].onmouseout = onOut;
//隔行换色
if (i % 2 == 0) {
trs[i].style.backgroundColor = "red";
} else {
trs[i].style.backgroundColor = "yellow";
}
}
}
var defaultColor;
function onOver() {
defaultColor = this.style.backgroundColor;
this.style.backgroundColor = "gray";
}
function onOut() {
this.style.backgroundColor = defaultColor;
}
</script>
</head>
<body οnlοad="init()">
<table id="students" border="1" width="400px">
<tr>
<td>刘备</td>
<td>男</td>
<td>19</td>
</tr>
<tr>
<td>关羽</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>张飞</td>
<td>男</td>
<td>17</td>
</tr>
<tr>
<td>曹操</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>吕布</td>
<td>男</td>
<td>19</td>
</tr>
</table>
</body>