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.