Tryit Editor v1.4

<html>
<head>

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
</head>

<body>

<b>Mouse over the squares and the background color will change!</b>

<table width="300" height="100">
 <tr>
  <td onmouseover="bgChange('red')" 
      onmouseout="bgChange('transparent')"
      bgcolor="red">
  </td>
  <td onmouseover="bgChange('blue')" 
      onmouseout="bgChange('transparent')"
      bgcolor="blue">
  </td>
  <td onmouseover="bgChange('green')" 
      onmouseout="bgChange('transparent')"
      bgcolor="green">
  </td>
</tr>
</table>

</body>
</html>

Your Result:

Edit the code above and click to see the result.

W3Schools.com - Try it yourself