Algunos diseñadores Web utilizan tablas como encabezados de página en las páginas HTML. Usted puede utilizar el evento "onmouseover" para resaltar el encabezado de la tabla cuando el usuario pasa el puntero del ratón sobre la mesa. Debe cambiar el color de fondo cuando el ratón pasa sobre la mesa y cambiar el color de fondo al color original cuando el ratón se aleja del contenido de la tabla. Los efectos dinámicos están escritos en el lenguaje JavaScript.
Instrucciones
1 Haga clic en el archivo HTML y seleccionar "Abrir con". Haga doble clic en el editor de HTML preferido para cargar el código.
2 Desplazarse hacia abajo para la etiqueta de la tabla y el contenido. Agregue el código siguiente para cambiar el color cuando se pasa el ratón sobre el encabezado:
onmouseover = "this.bgColor = '# FFFFFF'"
Cambiar el código de color hexadecimal a cualquier código de color HTML válido. En este ejemplo, el color de la libración es blanco.
3 Cambiar el color de fondo al color de fondo original cuando el ratón se mueve lejos de la cabecera. El código siguiente cambia el fondo de nuevo a negro:
onmouseout = "this.bgColor =" # 000000 "
El código anterior cambia el color de fondo de nuevo a negro.
4 Guarde los cambios y abrir el código en el navegador Web. Pase el ratón sobre la mesa para probar los cambios.