cambiar color de fondo

bueno como dice el titulo podran cambiar el color de fondo los usuarios solo pasando el mouse encima del color
hay ta;

<table border="1" cellspacing="0">
    <tr>
        <td bgcolor="#000000"><a
        onmouseover="document.bgColor='000000'"></a> </td>
        <td bgcolor="#C0C0C0"><a
        onmouseover="document.bgColor='C0C0C0'"></a> </td>
        <td bgcolor="#808080"><a
        onmouseover="document.bgColor='808080'"></a> </td>
        <td bgcolor="#FFFFFF"><a
        onmouseover="document.bgColor='FFFFFF'"></a> </td>
        <td bgcolor="#800000"><a
        onmouseover="document.bgColor='800000'"></a> </td>
        <td bgcolor="#FF0000"><a
        onmouseover="document.bgColor='FF0000'"></a> </td>
        <td bgcolor="#800080"><a
        onmouseover="document.bgColor='800080'"></a> </td>
        <td bgcolor="#FF00FF"><a
        onmouseover="document.bgColor='FF00FF'"></a> </td>
        <td bgcolor="#008000"><a
        onmouseover="document.bgColor='008000'"></a> </td>
        <td bgcolor="#00FF00"><a
        onmouseover="document.bgColor='00FF00'"></a> </td>
        <td bgcolor="#808000"><a
        onmouseover="document.bgColor='808000'"></a> </td>
        <td bgcolor="#FFFF00"><a
        onmouseover="document.bgColor='FFFF00'"></a> </td>
        <td bgcolor="#000080"><a
        onmouseover="document.bgColor='000080'"></a> </td>
        <td bgcolor="#0000FF"><a
        onmouseover="document.bgColor='0000FF'"></a> </td>
        <td bgcolor="#008080"><a
        onmouseover="document.bgColor='008080'"></a> </td>
        <td bgcolor="#00FFFF"><a
        onmouseover="document.bgColor='00FFFF'"></a> </td>
    </tr>
</table>

fuente del codigo: www.creatupropiaweb.com