Stuff

<!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">
		function load() {
			$$('tr').addEvent('mouseover', function() {
				this.OrigColor = this.getStyle('background-color');
				this.setStyle('background-color', '#DDDDDD');
			});
			$$('tr').addEvent('mouseout', function() {
				this.setStyle('background-color', this.OrigColor);
			});
		}
		</script>
	</head>

	<body onload="load();">
		<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>