-
Cómo hacer un rollover o Mouseover
-
Una imagen de sustitución o por encima del ratón es un objeto particular en un sitio web. Este objeto cambia de forma cuando los usuarios se mueve el ratón sobre el objeto en la pantalla. Por ejemplo, el objeto original podría ser una imagen, pero cuando el usuario mueve su ratón sobre este objeto inicial, el objeto inicial cambia en un segundo objeto, tal como una segunda imagen. Un uso más común de vuelcos es tener un botón de una página Web se iluminan cuando un usuario ha movido su ratón sobre el botón.Instrucciones
1 Identificar el objeto en su sitio web para el que le gustaría tener un efecto de rollover.
2 Abrir el código HTML para su sitio web. Introduce el siguiente código en su sitio web:
<A href = "WEBSITE.html"
onmouseover = "buttondown ( 'ImageName')"
onmouseout = "ButtonUp ( 'ImageName')">
<Img Nombre = "ImageName" border = "0" />
</a>
Reemplazar página web en el código anterior con el nombre de su página Web en particular, y reemplazar ImageName con el nombre de imagen para la que desea crear un efecto de vuelco.
3 Escriba el siguiente código en la sección <head> de su página web:
<Script language = "javascript" type = "text / javascript">
<! -
if (document.images) {
homebuttonup = new Image();homebuttonup.src = "IMAGENAME.gif";
homebuttondown = new Image ();
homebuttondown.src = "IMAGENAME2.gif";
}
función buttondown (buttonname)
{
if (document.images) {El documento [buttonname] .src = eval (buttonname + "down.src");
}
}
función ButtonUp (buttonname)
{
if (document.images) {El documento [buttonname] .src = eval (buttonname + "up.src");
}
}
// ->
</ Script>
Reemplazar ImageName con la imagen que le gustaría tener aparecerá en la página Web cuando el objeto no tiene un ratón sobre él. Reemplazar IMAGENAME2 con la imagen que le gustaría tener aparecerá en la página Web cuando el objeto tiene un ratón sobre él.
4 Guarde la página web y subirlo a su servidor. Su objeto ahora debería tener un efecto de vuelco.
