Mouseover Javascript Efectos Botón

Si alguna vez has visto un botón en un sitio web que cambia de forma cuando el cursor está sobre él, entonces usted probablemente ha visto un efecto " Mouseover " usando javascript . Javascript, que no debe confundirse con el lenguaje de programación Java, es un lenguaje de programación sencillo para páginas Web. La capacidad para javascript para almacenar y recuperar las variables permite efectos únicos cuando un ratón pasa sobre un elemento, incluidos los botones Francia El " OnMouseOver " atributo

Con mayor frecuencia , javascript está comprometida por la definición de " OnMouseOver " . dentro de una etiqueta de enlace

& lt ; . a href = " mysite.com " onmouseover = "

Este atributo se ejercen realmente el código javascript que voy a escribir para los botones o puede identificar directamente el nueva imagen. Como la mayoría de los botones en las páginas Web son archivos de imágenes realmente pequeñas , puede crear muchos efectos diferentes mediante el uso de dos imágenes diferentes, una para el botón regular y el otro para el botón " Sitúe el ratón " .

integrado Javascript

Hoy , muchos navegador incluye el código javascript necesario integrar la " OnMouseOver " y " onMouseOut ", que regresa el botón a su estado original después de que el ratón ha dejado, sin javascript adicional. para llevar a cabo esto, coloque la frase " documento. [ itemname ] .src = [lugar ]" después de " ... más " y " ... fuera " atributos . El " [ itemname ] " es reemplazada por el valor del atributo ID en la etiqueta de la imagen que deseas volcó . Por ejemplo , document.mine.src = " mypicture2.jpg " se correlaciona con una etiqueta de imagen & lt ; img src = Identificación mypicture.jpg = mina > . El " lugar " es el directorio en el MouseOver o archivo mouseOut sienta . Si ese es el mismo directorio que el archivo HTML donde se escribe el código , sólo el nombre de archivo es necesaria .
Añadiendo Guión

Este tipo de código puede ser engorroso si deseas numerosos efectos de rollover . Para agilizar el proceso , puede escribir una función javascript y simplemente llamar a esa función con un número o una cadena variable. Coloque el javascript en la cabecera del archivo HTML y encerrarlo dentro de & lt ; etiquetas script > . La "función " nombre " ()" - donde "nombre" es un nombre único que usted elija - se puede llamar en el & lt ; OnMouseOver o onMouseOut atributos A> de la etiqueta . Por ejemplo , & lt ; a href = " webpage.html " onmouseover = " MyOver ()" onmouseout = " MyOut ()> . " Si utiliza variables , puede crear un script que busca automáticamente una imagen y su correspondiente equivalente MouseOver . Por ejemplo , el script podría buscar un archivo de la imagen " _on.jpg [ variable]" cuando se activa OnMouseOver y " [ variables ] _off.jpg " cuando se activa OnMouseOff . Entonces la etiqueta sólo tendría que llamar " onmouseover = ' myout ( [ variable] ) '" para que se active . Las imágenes asociadas serían , por supuesto , tienen que ser nombrado como " _on.jpg [ variable]" y " [ variables ] _off.jpg " - " [ variable]" es , por supuesto , cualquier texto único o una cadena numérica que elija .
Rollover imágenes

los vuelcos en última instancia se reducen a la forma en que las embarcaciones de las imágenes para mostrar el botón . Algunos efectos comunes incluyen hacer teh botón " resplandor " original como se pasa sobre ella . Efectos de más edad hacen un botón planteado a futuro aparece como si hubiera estado deprimida . Estos efectos utilizan varias imágenes, creados en el software de edición de gráficos . Es importante que todos estos archivos de imagen son las mismas dimensiones exactas , de lo contrario la página Web podría distorsionarse en cada sorteo .