El ratón por encima



El ratón por encima es un JavaScript evento que hace que su página sea más interactiva al cambiar la apariencia de una imagen cuando el mouse se desplaza sobre la imagen.



Consejo

El efecto JavaScript OnMouseOver también se puede lograr usando CSS sin que el visitante necesite tener habilitado JavaScript en su navegador.

Ejemplo de OnMouseOver

El siguiente ejemplo le muestra cómo puede crear botones sencillos que tengan un efecto sobre el ratón. Al colocar el mouse sobre uno de los botones de abajo, cambia a un color más oscuro, lo que indica que se puede hacer clic en él.



HTML
Ayuda en linea
Información de virus
Jerga informática
Internet Info

Instrucciones de ejemplo de OnMouseOver

A continuación se muestra una descripción general de cómo se creó el ejemplo anterior.



En elredlas secciones siguientes son los archivos de imagen. Por ejemplo, el om1.gif y om11.gif son los dos archivos que se utilizan para las posiciones de encendido y apagado. El archivo om1.gif se muestra cuando el mouse no está sobre la imagen, por lo que en el ejemplo anterior sería el gris claro. Al pasar el cursor sobre la imagen, cambiaría a om11.gif un gris más oscuro. Puede seguir este mismo formato al crear sus imágenes o si lo desea puede cambiar el formato de nomenclatura.

Laazulsección es la variable para almacenar las ubicaciones de imagen de encendido y apagado de cada botón. Por ejemplo, una F es la posición de apagado F por apagado ) y oneo es el mouse en la imagen de posición. En nuestro ejemplo anterior, hay cinco botones con un conjunto de dos imágenes, por lo que un total de 10 imágenes.

En elnaranjalas secciones son la imagen Enlaces . Estos enlaces podrían apuntar a cualquier página a la que desee que el botón reenvíe al visitante en su sitio web.

|_+_|