HTML onMouseOver å endre tekst

HTML onMouseOver å endre tekst


Dynamisk HTML tekst på websider oppnås ofte ved å innlemme Javascript koding. HTML-elementer sørge for hendelses parametere som onClick, onkeypress og onmouseover. Disse parametrene godta en Javascript-funksjon som en verdi. Endre teksten i dine websider når brukeren flytter markøren over det ved å inkludere onmouseover parameter i koden som definerer teksten.

Bruksanvisning

1 Åpne dokumentet som inneholder teksten du vil endre.

2 Skriv en Span tag rundt endrer tekstdelen:

<P> Jeg vil <span> endre denne teksten </ span> på mouse. </ P>

3 Skriv inn onmouseover koding med en funksjon du vil definere:

<P> Jeg vil <span onmouseover = "changeText (dette)"> endre denne teksten </ span> på mouse. </ P>

Funksjonen verdi "dette" vil sende koden objekt til funksjonen.

4 Opprett Javascript-funksjonen som endrer teksten og plassere den over ende "</ head>" tag. Det er ikke absolutt nødvendig å plassere den innenfor "<head>" koder, men det må være plassert over dataene som kaller funksjonen:

<Script>

funksjon changeText (theTag) {

theTag.innerHTML = "CHANGE THIS TEXT";

}

</ Script>

Innerhtml metoden registrerer data i et element, i dette tilfellet teksten i Span tag.

5 Lagre dokumentet og teste den i en nettleser. Tekstdelen endres til store bokstaver når musen beveges over det.