¿Cómo cambiar el fondo de un div?
Para cambiar el fondo de un div con un onmouseover usaremos
javascript para alternar el estilo asociado al div.
Lo primero que haremos será definir un div dándole un alto y
un ancho, en nuestro ejemplo usaremos un div de 100x100 con un calor de fondo
inicial #CCCCCC.
Prueba
Ahora bien en el código fuente donde declaramos el div le agregamos al evento onmouseover (para cambiar el código cuando el mouse se posiciones sobre el div) y al evento onmouseout (para que cuando el mouse salga fuera del área del código restaure el color de fondo).
- onmouseover="this.style.background='#F2F2F2';"
- onmouseout="this.style.background='#CCCCCC';"
De esta forma el div resultante queda de la siguiente manera:
Prueba
Nota: estos dos eventos los podemos aplicar a un <tr> para que toda la fila de una columna cambie de fondo.
Comentarios