Paso 1: poner este script en el head <head> xxx </head>

<script>
function uno(src,color_entrada) {
src.bgColor=color_entrada;src.style.cursor=»hand»;
}
function dos(src,color_default) {
src.bgColor=color_default;src.style.cursor=»default»;
}
</script>

Paso 2: Si lo que quieres es que se ilumine una tabla completa observa el siguiente código:

<table border=”0″ cellspacing=”1″ cellpadding=”0″ bgcolor=”#000000″ align=”center” width=”317″>
<tr>
<td>
<table border=”0″ cellspacing=”1″ cellpadding=”0″ align=”center” width=”325″ height=”62″ onMouseOver=”uno(this,’cccccc’);” onMouseOut=”dos(this,’FFFFFF’);” bgcolor=”#FFFFFF”>
<tr>
<td align=”center” width=”108″ valign=”middle” height=”17″>
<font face=”Arial, Helvetica,sans-serif” size=”1″>PASA POR ENCIMA</font></td>
<td width=”114″ height=”17″>
<div align=”center”><font face=”Arial, Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
<td width=”99″ height=”17″>
<div align=”center”><font face=”Arial,Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
</tr>
<tr>
<td width=”108″>
<div align=”center”><font face=”Arial, Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
<td width=”114″>
<div align=”center”><font face=”Arial,Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
<td width=”99″>
<div align=”center”><font face=”Arial, Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
</tr>
<tr>
<td width=”108″>
<div align=”center”><font face=”Arial,Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
<td width=”114″>
<div align=”center”><font face=”Arial,Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
<td width=”99″>
<div align=”center”><font face=”Arial,Helvetica, sans-serif” size=”1″>PASA POR ENCIMA</font></div>
</td>
</tr>
</table>
</td>
</tr>
</table>

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA

PASA POR ENCIMA