我写了一个，不过怎么边网页背景也变了，高手指点一下！
<html>
<head>
<title></title>
<style>
.first {
background-color: #006666;
}
.later {
background-color: #FF0000;
}
</style>
<script language="javascript">
function change_text()
{
if(window.event.srcElement.className=="first"
{
window.event.srcElement.className="later";
}
else
{
window.event.srcElement.className="first";
}
}
document.onmouseover=change_text;
document.onmouseout=change_text;
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="200" height="100">
<tr>
<td class="first">1</td>
<td class="first">2</td>
</tr>
<tr>
<td class="first">3</td>
<td class="first">4</td>
</tr>
</table>
</body>
</html>
