Una manera de añadir interés visual a los enlaces de una página web es agregar un efecto "Onmouseover". Esto cambia la forma en que un enlace aparece cuando un visitante se sitúa su cursor sobre el enlace. Cuando el visitante lo quita, experimentará otro efecto. Con el fin de hacer esto, debe utilizar una etiqueta Onmouseover. Sólo se puede utilizar esta etiqueta especial si su sitio web presenta capacidades de HTML.
Instrucciones
1 Iniciar sesión en su sitio de alojamiento web "Panel de control".
2 Haga clic en el "Directorio de archivos" para ver una lista de todas las páginas del sitio web.
3 Busque la página en la que le gustaría usar una etiqueta Onmouseover. Seleccionar la opción de "Editar" de la página. Aparecerá el cuadro de editor de HTML.
4 Busque el "<head>" y "</ head>" etiquetas dentro del editor de HTML. Pegue el siguiente código HTML en cualquier lugar entre las etiquetas:
<Script type = "text / javascript">
<! -
// Copyright 1999 IDOC, Inc. http://www.idocs.com/tags/
// Distribuir este script libremente, pero por favor tenga esto
// Aviso con el código.
var rollOverArr = new Array ();
función setrollover (OverImgSrc, pageImageName)
{
si el retorno (document.images!);
si (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr [pageImageName] = new Object;
rollOverArr [pageImageName] = .overImg nueva imagen;
rollOverArr [pageImageName] = .overImg.src OverImgSrc;
}
la función de vuelco (pageImageName)
{
si el retorno (document.images!);
si el retorno (rollOverArr [pageImageName]!);
if (! rollOverArr [pageImageName] .outImg)
{
rollOverArr [pageImageName] = .outImg nueva imagen;
rollOverArr [pageImageName] = .outImg.src document.images [pageImageName] .src;
}
document.images [pageImageName] = .src rollOverArr [pageImageName] .overImg.src;
}
la función despliegue (pageImageName)
{
si el retorno (document.images!);
si el retorno (rollOverArr [pageImageName]!);
document.images [pageImageName] = .src rollOverArr [pageImageName] .outImg.src;
}
// ->
</ Script>
5 Busque el "<body>" y "</ body> dentro del editor de HTML. Pega el siguiente código en cualquier lugar entre las etiquetas. Personalizar el código mediante la sustitución de la página web y los enlaces de imagen genérico con sus propios enlaces.
<A
HREF = "yourwebpage.html"
onMouseOver = "rollover (" casa ")"
onMouseOut = "despliegue (" casa ")"
<IMG
SRC = "../ imagewhenmouseisnothoveringoverlink.jpg"
NAME = "casa"
ALT = "Página" BORDER = 0
ALTURA ANCHO = 80 = 25
</A>
<Script type = "text / javascript">
<! -
setrollover ( "../ imagewhenmouseishoveringoverlink.jpg");
// ->
</ Script>
6 Haga clic en "Guardar" para guardar la etiqueta Onmouseover a su página.
7 Repita los pasos del dos al seis para cada página que desea agregar una etiqueta de Onmouseover.