Un rollover o mouseover è un particolare oggetto su un sito Web. Questo oggetto cambia forma quando l'utente sposta il mouse sopra l'oggetto sullo schermo. Ad esempio, l'oggetto originale potrebbe essere un'immagine, ma quando l'utente sposta il mouse sopra l'oggetto iniziale, l'oggetto iniziale si trasforma in un secondo oggetto, ad esempio una seconda immagine. Un uso più comune di rollover è di avere un pulsante in una pagina Web luce verso l'alto quando un utente ha spostato il suo mouse sopra il pulsante.

Istruzioni

1

Identificare l'oggetto sul tuo sito Web per il quale si desidera avere un effetto di rollover.

2

Aprire il codice HTML per il tuo sito. Immettere il seguente codice nel tuo sito Web:

< un href="WEBSITE.html"

onmouseover="buttondown('IMAGENAME')"

onmouseout="BUTTONUP('IMAGENAME')" >

< img nome = "NOMEIMMAGINE" border = "0" / >

< /a >

Sostituire la pagina Web nel codice sopra con il nome della tua pagina Web particolare e sostituire IMAGENAME con il nome di immagine per il quale si desidera creare un effetto di rollover.

3

Immettere il codice seguente nella sezione < head > della pagina Web:

< script language = "JavaScript" type = "text/javascript" >

<!...

Se (document.images) {

homebuttonup = new Image();

homebuttonup.src = "IMAGENAME.gif" ;

homebuttondown = new Image() ;

homebuttondown.src = "IMAGENAME2.gif" ;

}

funzione buttondown (buttonname)

{

if (document.images) {

document[ buttonname ].src = eval( buttonname + "down.src" );

}

}

funzione buttonup (buttonname)

{

if (document.images) {

document[ buttonname ].src = eval( buttonname + "up.src" );

}

}

-->

< / script >

Sostituire IMAGENAME con l'immagine che si desidera far comparire sulla pagina Web quando l'oggetto non dispone di un mouse su di esso. Sostituire IMAGENAME2 con l'immagine che si desidera far comparire sulla pagina Web quando l'oggetto dispone di un mouse su di esso.

4

Salvare la pagina Web e caricare sul vostro server. L'oggetto ora dovrebbe avere un effetto di rollover.