Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come creare un rollover utilizzando la programmazione HTML

HyperText Markup Language ( HTML ) è un linguaggio per computer che viene utilizzato per creare pagine web. Saper utilizzare i codici HTML può aiutare a manipolare le impostazioni della pagina . È possibile creare un collegamento immagine che cambierà quando i visitatori spostare il mouse sopra il link . Rollover immagine possono essere creati utilizzando JavaScript . È inoltre possibile creare rollover per le opzioni nei menu . Quando i visitatori scorrere il mouse sopra le voci di menu , la voce di menu viene evidenziato. Creazione di rollover è un buon modo per dare le vostre pagine un appello più professionale. Istruzioni
1

Avviare il word processor o editor di testo che verrà utilizzato per creare la tua pagina web e di aprire la pagina . Aggiungere l'immagine desiderata e includerlo all'interno del tag

. Dopo il nome dell'immagine , il tipo NAME = " rollover " .
2

Tipo prima del tag

. Sostituire il punto di domanda con l'indirizzo della pagina Web che si desidera avere visualizzato quando un visitatore clicca sul immagine . . Tipologia dopo che l'immagine
3

Verificare che il testo è simile al seguente :

< img src = " photo.jpg " NAME = " rollover " >
< /A>
4

Tipo onmouseover = ' rollover.src = " ? "' interno della tag . Sostituire il punto interrogativo con il percorso dell'immagine che si desidera avere visualizzato quando un visitatore sposta il mouse sopra l' immagine originale .
5

Tipo onmouseout = ' rollover.src = " ? "' Sostituisci . del punto interrogativo con la posizione dell'immagine che è stata aggiunta al punto 1
6

Verificare che il testo simile al seguente : < a href = " pages.html " onmouseover = ' rollover . src = " photo.jpg " ' onmouseout =' rollover.src = " photo.jpg " ' >

< ;/a>
7

Aprire un nuovo browser Web per verificare che la pagina Web viene visualizzata l'immagine che si sta utilizzando per il vostro rollover dell'immagine . Prova il tuo sito e verificare che i visitatori possono muovere il mouse sopra l'immagine e cambierà l'immagine che si è specificato .

 

Programmazione © www.354353.com