JavaWebBase/ch02/ch02_12_ColorTable.html at master · Hackergeek/JavaWebBase · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
	<head>
		<title>变色表格示例</title>
		<script language="javascript">
			function chageColor(row) {
				document.getElementById(row).style.backgroundColor="#CCCCFF";
			}
			function resetColor(row) {
				document.getElementById(row).style.backgroundColor="";
			}
		</script>
	</head>
	<body>
	<table width="200" border="1" cellspacing="1" cellpadding="1" align="center">
		<tr><th>学校</th><th>专业</th><th>人数</th></tr>
		<tr align="center" id="row1" onmouseover="chageColor('row1')" onmouseout="resetColor('row1')">
			<th>北大</th><th>法律</th><th>2000</th>
		</tr>
		<tr align="center" id="row2" onmouseover="chageColor('row2')" onmouseout="resetColor('row2')">
			<th>清华</th><th>计算机</th><th>5000</th>
		</tr>
		<tr align="center" id="row3" onmouseover="chageColor('row3')" onmouseout="resetColor('row3')">
			<th>人大</th><th>经济</th><th>6000</th>
		</tr>
	</table>
	</body>
</html>