HTML onMouseOver cambiare il testo

November 29

HTML onMouseOver cambiare il testo


testo HTML dinamico nelle pagine Web è spesso realizzato incorporando codice JavaScript. elementi HTML forniscono parametri di evento, come onClick, OnKeyPress e onmouseover. Questi parametri accettano una funzione JavaScript come valore. Modificare il testo nelle pagine Web quando l'utente sposta il cursore su di essa, includendo il parametro onmouseover nel tag che definisce il testo.

istruzione

1 Aprire il documento che contiene il testo che si desidera modificare.

2 Digitare un tag span intorno alla porzione di testo che cambia:

<P> Voglio <span> cambiare questo testo </ span> al passaggio del mouse. </ P>

3 Digitare il codice onmouseover con una funzione si definisce:

<P> Voglio <span onmouseover = "ChangeText (questo)"> cambiare questo testo </ span> al passaggio del mouse. </ P>

Il valore della funzione "questo" invierà l'oggetto tag alla funzione.

4 Creare la funzione JavaScript che cambia il testo e posizionarlo sopra l'estremità "</ head>" tag. Non è assolutamente necessario porre entro i "<head>" tag, ma deve essere collocato sopra i dati che chiama la funzione:

<Script>

Funzione ChangeText (theTag) {

theTag.innerHTML = "CHANGE THIS TEXT";

}

</ Script>

Il metodo innerHTML riconosce i dati all'interno di un elemento, in questo caso il testo all'interno del tag Span.

5 Salvare il documento e provare in un browser Web. La porzione di testo cambia in maiuscolo quando il mouse viene spostato su di esso.