<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>高亮显示</title>
<script>
function change_color(id,flag){
if(flag=='over'){
document.getElementById(id).style.backgroundColor='red';
}else if(flag=='leave'){
document.getElementById(id).style.backgroundColor='white';
}
}
</script>
</head>
<body>
<table border="1px" width="500px" height="500px" align="center" id="tbl">
<thead>
<tr>
<th>排名</th>
<th>英雄</th>
<th>兵器</th>
</tr>
</thead>
<tbody>
<tr id="tr1" οnmοuseοver="change_color('tr1','over');" οnmοuseleave="change_color('tr1','leave');">
<td>1</td>
<td>天机老人</td>
<td>天机棒</td>
</tr>
<tr id="tr2" οnmοuseοver="change_color('tr2','over');" οnmοuseleave="change_color('tr2','leave');">
<td>2</td>
<td>上官金虹</td>
<td>子母龙凤环</td>
</tr>
<tr id="tr3" οnmοuseοver="change_color('tr3','over');" οnmοuseleave="change_color('tr3','leave');">
<td>3</td>
<td>李寻欢</td>
<td>小李飞刀</td>
</tr>
<tr id="tr4" οnmοuseοver="change_color('tr4','over');" οnmοuseleave="change_color('tr4','leave');">
<td>4</td>
<td>郭嵩阳</td>
<td>嵩阳铁剑</td>
</tr>
<tr id="tr5" οnmοuseοver="change_color('tr5','over');" οnmοuseleave="change_color('tr5','leave');">
<td>5</td>
<td>吕奉先</td>
<td>温候银戟</td>
</tr>
<tr id="tr6" οnmοuseοver="change_color('tr6','over');" οnmοuseleave="change_color('tr6','leave');">
<td>6</td>
<td>白天羽</td>
<td>白家神刀</td>
</tr>
</tbody>
</table>
</body>
</html>