Mit weniger Aufwand lässt sich das mit CSS bewerkstelligen:
<html>
<style type="text/css">
<!--
.hin {
background-color:gainsboro;
color:red;
}
.zurueck {
background-color:transparent;
}
-->
</style>
</head>
<body>
<table border="1" width="500">
<tr>
<td onMouseOver="this.className='hin';" onMouseOut="this.className='zurueck';">Zelle 1</td>
<td>Zelle 2</td>
</tr>
</table>
</body>
</html>
hat den Vorteil, dass du nicht jedesmal die Farbangaben wiederholen musst im td-Container. Und wenn du die Hintergrundfarben ändern willst, brauchst du das nur einmal zu machen: in der Style-Definition.
mfg
Mike