JavaScript+CSS+DIV实现表格变色示例

<!DOCTYPE html>
<html>
<head>
<title>colortable.html</title>
<script language="javaScript">
function changecolor(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="changecolor('row1')"onMouseOut="resetcolor('row1')">
<th>北大</th><th>法律</th><th>2000</th>
</tr>
<tr align="center"id="row2"onMouseOver="changecolor('row2')"onMouseOut="resetcolor('row2')">
<th>清华</th><th>计算机</th><th>5000</th>
</tr>
<tr align="center"id="row3"onMouseOver="changecolor('row3')"onMouseOut="resetcolor('row3')">
<th>人大</th><th>经济</th><th>6000</th>
</tr>
</table>
</body>
</html>

  JavaScript+CSS+DIV实现表格变色示例

上一篇:Linux cd命令


下一篇:[ An Ac a Day ^_^ ] hdu 1662 Trees on the level 数据结构 二叉树