Hvordan endre tekst på en Roll

November 29

Dynamiske nettside funksjoner, for eksempel tekst velt, gjør deg i stand til å bygge et interessant område som vil bidra til å holde besøkende tilbake. En tekst roll bruker nettleserteknologi for å endre valgt tekst som musepekeren beveger seg over teksten. Koden som brukes til å lage velt inkludere HTML og Javascript. HTML er et sidebeskrivelsesspråk som gjør det mulig å kontrollere strukturen og utseendet til en nettside, og Javascript er et skriptspråk som gjør det mulig å skrive programmer som kjører i nettleseren.

Bruksanvisning

Endre tekst på en Roll

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk, om datamaskinens operativsystem er Microsoft Windows. Redaktøren du bruker må være i stand til å lagre et dokument i rent tekstformat.

2 Skriv inn følgende tekst, som skaper en grunnleggende HTML-dokument, i en teksteditor:

<Html>

<Head>

</ Head>

<Body>

</ Body>

</ Html>

3 Sett markøren mellom "<title>" og "</ title>, og skriv" Roll Eksempel "Denne linjen skal se slik ut.:

<Title> Roll Eksempel </ title>

"Roll Eksempel" er dokumentet tittel, som vises øverst i nettleservinduet nettet når du åpner HTML-filen i en nettleser, for eksempel Internet Explorer eller Firefox.

4 Sett markøren på slutten av linjen som inneholder "<body>," trykk "Enter" og skriv inn følgende HTML og Javascript-kode, noe som skaper teksten roll:

<span

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

onmouseout = "this.innerHTML =" Normal ","

Normal </ span>

Denne koden får nettleseren til å vise ordet "Normal" når nettsiden åpnes. Koden fører også leseren til å endre ordet som vises til «Rollover" når musepekeren beveger seg over teksten - og å endre det tilbake til "Normal" når musepekeren beveger seg bort fra teksten.

5 Lagre dokumentet til en mappe på datamaskinen som en HTML-fil. Du må ta med "htm" eller ".html" på slutten av filnavnet for å la datamaskinen vet at filen er en HTML-fil. Hvis du ikke gjør det, vil nettleseren ikke vise filen på riktig måte. For eksempel kan du gi navn til filen "Rollover.htm" eller "Rollover.html."

6 Åpne en nettleser på datamaskinen.

7 Åpne HTML-filen du opprettet i nettleseren.

8 Flytt musepekeren over ordet "Normal" for å få den til å endre til "Rollover", og deretter flytte markøren bort fra ordet å se det endres til "Normal".