April 18
È possibile personalizzare le immagini sul vostro sito web, consentendo loro di passare quando il mouse passa sopra o fuori di loro. Grazie alla codifica JavaScript, il processo richiede solo pochi minuti per fare. Sarà necessario utilizzare almeno due immagini in swap per vedere le immagini cambiano sulla tua pagina web. E 'importante dare un nome ogni set di immagini nel cambiamento, in modo che il browser può rilevare che le immagini stanno cambiando.
1 Aprire il file HTML che si desidera modificare.
2 Aggiungere il seguente codice JavaScript all'interno della sezione HEAD della pagina, in modo da l'immagine può cambiare poiché il mouse passa su di esso:
<Script language = \ tipo "JavaScript \" = \ "text / javascript \">
funzione Over ()
{
document.getElementById(\"groupname1\").src = \"image1.jpg\"
ANDARE
}
Funzione usc ()
{
document.getElementById(\"groupname1\").src = \"image2.jpg\"
ANDARE
}
</ Script>
3 Sostituire i nomi delle immagini, "image1.jpg" e "image2.jpg" con i nomi reali dei file di immagine. La funzione Over () viene visualizzata l'immagine quando qualcuno rotola su di esso, mentre la funzione Out () verrà visualizzato quando il mouse è fuori di esso.
4 Inserire il seguente codice HTML tra la sezione <BODY> della pagina, dove apparirà l'immagine:
<Img id = \ src "NomeGruppo1 \" = \ "image2.jpg \" onmouseover = \ "Over () \" onmouseout = \ "Out () \" />