Estoy utilizando este codigo:
<table width="750" height="25" border="1" cellspacing="0" cellpadding="0" bordercolor="#336699" bgcolor="#336699">
<tr>
<td onMouseOver="style.backgroundColor='#EAEAEA', style.cursor='hand'" onMouseOut="style.backgroundColor='#FFFFFF'" onClick="x.location='index.html '"><center>INICIO</center></td>
<td width="5"><font color="#336699"><center>|</center></font></td>
<td onMouseOver="style.backgroundColor='#EAEAEA', style.cursor='hand'" onMouseOut="style.backgroundColor='#FFFFFF'" onClick="x.location='index.html '"><center>PROMOCIONES</center></td>
<td width="5"><font color="#336699"><center>|</center></font></td>
<td onMouseOver="style.backgroundColor='#EAEAEA', style.cursor='hand'" onMouseOut="style.backgroundColor='#FFFFFF'" onClick="x.location='index.html '"><center>LIQUIDACION</center></td>
<td width="5"><font color="#336699"><center>|</center></font></td>
<td onMouseOver="style.backgroundColor='#EAEAEA', style.cursor='hand'" onMouseOut="style.backgroundColor='#FFFFFF'" onClick="x.location='index.html '"><center>ACERCA DE SM+C</center></td>
</tr>
</table>
pero quiciera saber si hay alguna forma de crear alguna funcion que realize: onMouseOver="style.backgroundColor='#EAEAEA', style.cursor='hand'" onMouseOut="style.backgroundColor='#FFFFFF'" onClick="x.location='index.html '"
y que no mas la mande llamar en vez de tener que escribir todo el codigo en cada celda