Something

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"	"http://www.w3.org/TR/html401/strict.dtd"><html>	<head>		<title>Test</title>		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">		<style type="text/css">		tr {			background-color: #00FF00;		}		.odd {			background-color: #FF0000;		}		</style>				<script type="text/javascript" src="mootools.js"></script>		<script type="text/javascript">			$$("tr").addEvent("mouseover", function() {				this.origColor = this.getStyle("background-color");				this.bgfx = this.effect("background-color").start("#F2DEA2");			}).addEvent("mouseout", function() {				this.bgfx.start(this.origColor);			});				</script>	</head>	<body>		<table>			<tr>				<th>Name</th>				<th>Age</th>				<th>Sex</th>			</tr>			<tr class="odd">				<td>Eric</td>				<td>12</td>				<td>Male</td>			</tr>			<tr>				<td>George</td>				<td>13</td>				<td>Male</td>			</tr>			<tr class="odd">				<td>Lisa</td>				<td>11</td>				<td>Female</td>			</tr>			<tr>				<td>Sarah</td>				<td>12</td>				<td>Female</td>			</tr>			<tr class="odd">				<td>Hannah</td>				<td>13</td>				<td>Female</td>			</tr>		</table>	</body></html>