Come modificare il testo su un rollover

April 12

Come modificare il testo su un rollover


funzionalità del sito web dinamici, come rollover di testo, consentono di costruire un sito interessante che contribuirà a mantenere i visitatori di ritorno. Un rollover di testo utilizza la tecnologia web browser per modificare il testo selezionato come il cursore del mouse si sposta sul testo. Il codice utilizzato per creare rollover includere HTML e JavaScript. HTML è un linguaggio di descrizione di pagina che consente di controllare la struttura e l'aspetto di una pagina web, e JavaScript è un linguaggio di scripting che consente di scrivere programmi che vengono eseguiti nel browser web.

istruzione

La modifica del testo su un rollover

1 Aprire un editor di testo, come Blocco note, se il sistema operativo del computer è Microsoft Windows. L'editor utilizzato deve essere in grado di salvare un documento in formato testo normale.

2 Digitare il seguente testo, che crea un documento HTML di base, nel vostro editor di testo:

<Html>

<Head>

<Title> </ title>

</ Head>

<Body>

</ Body>

</ Html>

3 Inserire il cursore tra "<title>" e "</ title> e digitare" Rollover Esempio "Questa linea dovrebbe apparire come segue.:

<Title> Rollover Esempio </ title>

"Rollover Esempio" è il titolo del documento, che appare nella parte superiore della finestra del browser web quando si apre il file HTML in un browser, come Internet Explorer o Firefox.

4 Inserire il cursore alla fine della riga che contiene il "<body>", premere "Invio" e digitare il seguente codice HTML e JavaScript, che crea il rollover di testo:

<span

onmouseover = "this.innerHTML = 'rollover';"

onmouseout = "this.innerHTML = 'normale';"

Normal </ span>

Questo codice fa sì che il browser per visualizzare la parola "normale" quando la pagina web si apre. Il codice fa sì che anche il browser di cambiare la parola visualizzata di "rollover" quando il cursore del mouse si muove sopra il testo - e per cambiare di nuovo a "normale" quando il cursore del mouse si allontana dal testo.

5 Salvare il documento in una cartella sul computer come un file HTML. È necessario includere ".htm" o ".html" alla fine del nome del file per consentire al computer sa che il file è un file HTML. Se non lo fai, il tuo browser non visualizzerà il file in modo corretto. Ad esempio, è possibile assegnare un nome al file "Rollover.htm" o "Rollover.html."

6 Aprire un browser Web sul computer.

7 Aprire il file HTML creato nel browser web.

8 Spostare il cursore del mouse sopra la parola "normale" per indurlo a cambiare per "rollover", e quindi spostare il cursore lontano dalla parola di vederlo passare alla "normale".