<table width="300" height="100">
<tr>
<td onmouseover="bgChange('#f09f28')"
onmouseout="bgChange('transparent')"
bgcolor="#f09f28">
</td>
<td onmouseover="bgChange('#094e85')"
onmouseout="bgChange('transparent')"
bgcolor="#094e85">
</td>
<td onmouseover="bgChange('#57a65a')"
onmouseout="bgChange('transparent')"
bgcolor="#57a65a">
</td>
</tr>
</table>
<script type="text/javascript">
function bgChange(bg){
document.body.style.background = bg;
}
</script>