April 16
Come sviluppatore web, si ha la possibilità di modificare l'aspetto di qualsiasi elemento in una pagina Web. Un collegamento, ad esempio, invia l'utente a una nuova pagina quando l'utente lo. Quando si aggiunge link a una pagina Web, i browser visualizzano utilizzando un solo colore. È possibile modificare questo colore per tutti i link utilizzando una definizione foglio di stile. Tuttavia, se è necessario sottolineare un singolo collegamento su una pagina, è possibile cambiare il colore senza cambiare il colore degli altri elementi di collegamento.
1 Lanciate il vostro editor HTML o Notepad. Aprire un documento HTML che contiene i collegamenti.
2 Individuare un collegamento che si desidera ricolorare. Il codice che definisce quel link avrà un aspetto simile a questo:
<a href="link"> http://www.whitehouse.gov "> Link Text </a>
Il valore di href in questo esempio è "http://www.whitehouse.gov." Quando un utente fa clic quel link, il browser caricherà quel sito. Il valore effettivo href nella pagina Web probabilmente sarà diverso. "Link Text" è la stringa il browser visualizza per il collegamento.
3 Aggiungere il seguente codice alla definizione di collegamento prima della parola "href":
id = "special_link"
Utilizzando il link indicato nel passaggio precedente come esempio, sembrerebbe come segue dopo aver aggiunto il codice:
<a id="special_link" href="link"> http://www.whitehouse.gov "> Link Text </a>
Con l'aggiunta di una proprietà "ID" per il collegamento, il codice JavaScript in grado di individuare il link e modificare il suo colore senza influenzare gli altri collegamenti. In questo esempio, il valore della proprietà del id è "special_link."
4 Aggiungere questo codice sotto il codice precedente:
<Input id = type = valore "Button1 tasto" "" = "button" onclick = "tornare ChangeColor ()" />
Questo crea un pulsante è possibile utilizzare per il test. Quando si fa clic, il browser eseguirà la funzione JavaScript denominato "ChangeColor." Tale funzione cambia il colore del collegamento.
5 Aggiungere questo codice JavaScript alla sezione "testa" del documento:
<Script language = tipo "javascript" = "text / javascript">
var newColor = "giallo";
Funzione ChangeColor () {
var linkObject = document.getElementById ( "special_link");
linkObject.style.color = newColor;
}
</ Script>
Modificare il valore di newColor per qualcosa che ti piace. In questo esempio, che il colore è giallo.
6 Salvare il documento HTML, e aprirlo nel browser. Tutti i link avranno lo stesso colore. Fare clic sul pulsante "Cambia colore". Il colore del collegamento il cui id è cambiamenti "special_link" al colore impostato nella funzione JavaScript.