December 18
Cambiare il colore del testo in una pagina web offre agli utenti un sistema interattivo, un'esperienza inaspettata, ed è uno dei modi più efficaci per influenzare il design della pagina web. Un utente può modificare i colori del testo utilizzando le impostazioni di JavaScript e di stile, utilizzando una delle diverse tecniche nel codice HTML.
1 Creare elementi HTML che contengono il testo. Questo esempio mostra come creare tre tag che possono utilizzare le funzioni JavaScript create nel corso dei prossimi passi:
<Div id = \ "myDiv \">
Cambiare il colore della Div
<P id = \ "myParagraph \">
Change this paragraph text color.
<span id=\"mySpan\">Change the span tag color </span>
</p>
</ Div>
2 Creare la funzione per il tag div. La seguente funzione JavaScript afferra il tag div creato nel passaggio 1 e cambia il suo colore in rosso:
Funzione divColorChange ()
{
document.getElementById('myDiv').style.color = '#FF0000'
ANDARE
}
3 Cambiare il colore del tag di paragrafo. La seguente funzione JavaScript cambia il colore del testo paragrafo elemento creata nel passaggio 1 al bianco:
Funzione paraColorChange ()
{
document.getElementById('myParagraph').style.color = '#000000'
ANDARE
}
4 Cambiare il colore del tag span. Infine, modificare il testo tag span al nero con il seguente codice:
Funzione spanColorChange ()
{
document.getElementById('mySpan').style.color = '#FFFFFF'
ANDARE
}
5 Creare pulsanti per richiamare le funzioni JavaScript. Le funzioni sono create, ma non succede nulla fino a quando non li chiami nel codice HTML. Il codice seguente crea pulsanti. Quando un utente fa clic su uno dei pulsanti, la funzione JavaScript corrispondente si chiama:
<Input type = \ valore "tasto \" = \ "Div colori \" onclick = \ "divColorChange () \" />
<Input type = \ valore "tasto \" = \ "Paragrafo colori \" onclick = \ "paraColorChange () \" />
<Input type = \ valore "tasto \" = \ "Span colori \" onclick = \ "spanColorChange () \" />