Come sviluppatore Web, hai la possibilità di modificare l'aspetto di qualsiasi elemento in una pagina Web. Un link, ad esempio, invia l'utente ad una nuova pagina quando l'utente fa clic su esso. Quando si aggiungono collegamenti a una pagina Web, browser visualizzano utilizzando un unico colore. È possibile modificare questo colore per tutti i collegamenti utilizzando una definizione di foglio di stile. Tuttavia, se avete bisogno di enfatizzare un singolo collegamento in una pagina, è possibile modificare il colore senza modificare il colore degli altri elementi di collegamento.

Istruzioni

1

Avviare l'editor HTML o blocco note. Aprire un documento HTML che contiene i collegamenti.

2

Individuare un link che si desidera ricolorare. Il codice definisce quel link avrà un aspetto simile al seguente:

< a href = "Link" > http://www.whitehouse.gov "> Link Text < /a >

Il valore di href in questo esempio è "di http://www.whitehouse.gov." Quando un utente fa clic su quel link, il browser caricherà quel sito. Il valore di href effettivo sulla tua pagina Web sarà probabilmente diverso. "Link Text" è la stringa nel browser viene visualizzato per il link.

3

Aggiungere il codice seguente alla definizione di collegamento prima della parola "href":

ID = "special_link"

Utilizzando il link indicato nel passaggio precedente come esempio, verrebbe visualizzato come segue dopo aver aggiunto questo codice:

< a id = "special_link" href = "Link" > http://www.whitehouse.gov "> Link Text < /a >

Aggiungendo una proprietà "id" per il collegamento, il codice JavaScript può individuare il collegamento e alterare il colore senza influenzare gli altri collegamenti. In questo esempio, il valore della proprietà di id è "special_link."

4

Aggiungere questo codice sotto il codice precedente:

< id di input = "Button1" type = "button" value = "pulsante" onclick = "return ChangeColor()" / >

Questo crea un pulsante che è possibile utilizzare per il test. Quando si fa clic, il browser esegue la funzione JavaScript denominata "ModificaColore." Tale funzione cambia colore del collegamento.

5

Aggiungere questo codice JavaScript nella sezione "head" del documento:

< script language = "javascript" type = "text/javascript" >

newColor var = "giallo";

Function ChangeColor() () {

var linkObject = document.getElementById("special_link");

linkObject.style.color = newColor;

}

< / script >

Modificare il valore di newColor su qualcosa che ti piace. In questo esempio, che il colore è giallo.

6

Salvare il documento HTML e aprirlo nel browser. Tutti i collegamenti avranno lo stesso colore. Fare clic sul pulsante "Cambia colore". Il colore del collegamento cui id è "special_link" diventa il colore impostato nella funzione JavaScript.

Consigli & Avvertenze

• Valore id del collegamento in questo esempio è "special_link." Modificare tale valore a tutto ciò che è significativo per voi. Dopo aver cambiato quel nome nella definizione del collegamento, modificare il nome nella funzione JavaScript pure.