Cómo cambiar de color TD en un Mouseover

Se aplica un efecto del ratón cuando el puntero del ratón pasa por encima de un área de una página web y lo cambia de alguna manera. El cambio podría incluir cualquier cosa, desde un color alteración de fondo / primer plano a una modificación del tamaño. Un efecto de color por encima del ratón funciona mejor cuando se especifica el color antes y después de aplicar el efecto. Puede aplicar efectos mouseover a etiquetas TD (una etiqueta HTML que se utiliza para crear columnas de la tabla) con JavaScript.

Instrucciones

1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, WordPad o TextPad.

2 Ir a la etiqueta TD que desee colorear durante una por encima del ratón. Su código puede ser similar a:

<td> Columna Contenido Ir Aquí </ td>

3 Inserte el siguiente código HTML para aplicar el efecto del ratón:

<Td bgcolor = "amarilla" onMouseOver = "this.bgColor =" rojo "" onMouseOut = "this.bgColor = 'amarilla'"> Columna Contenido Ir Aquí </ td>

4 Vuelva a colocar la primera "amarilla" con el color de la columna antes de que el efecto del ratón. Reemplazar "rojo" con el color durante el ratón encima. Vuelva a colocar la segunda "amarilla" para "onMouseOut" con el color de la columna después de pasar el ratón.