cambiando de color a las celdas

[cesarpunk]

hola vi en una web este codigo para cambiarle de color a las celdas de una tabla mientras paso el mouse:

<table>
<tr>
<td style="color:white;background-color:black;" onMouseOver="javascript:this.style.backgroundColor = 'white'; this.style.color = 'black';" onMouseOut="javascript:this.style.backgroundColor = 'black'; this.style.color = 'white';">Informacion
</td>
</tr>
</table>

me gustaria saber si ese codigo que esta en el <td> podria ponerlo en una libreria js para llamar tan solo a una funcion y asi reducir mi codigo, es posible hacerlo, como?

saludos!

[buzu]

si, si es posible pero mejor usa CSS y :hover para lograr dicho efecto.

[raul_romero]

me gustaria saber si ese codigo que esta en el <td> podria ponerlo en una libreria js para llamar tan solo a una funcion y asi reducir mi codigo, es posible hacerlo, como?

Claro que si amigo, de la siguiente manera:
En tu libreria js, agregas el siguiente codigo:

Código:

function sobre(fila)
{fila.style.backgroundColor = 'white';
fila.style.color = 'black';}

function fuera(fila)
{fila.style.backgroundColor = 'black';
fila.style.color = 'white';}

Luego en las filas donde desees agregas la funcion en los eventos onMouseOver y onMouseOut

Código HTML:

<table>
<tr>
<td style="color:white;background-color:black;" onMouseOver="sobre(this)" onMouseOut="fuera(this)">Informacion
</td>
</tr>
</table> 

Ahora se que se puede hacer con CSS pero no manejo mucho eso todavia, ademas estamos en el foro de javascript.

Espero te sirva...

Saludos...