In questo articolo vedremo come sia possibile cambiare il colore di sfondo di una pagina web con javascript.
Innanzitutto dobbiamo creare la funzione javascript ed inserirla tra i tag <head> ed </head> della pagina, in alternativa possiamo creare un file in cui inserire la funzione (il file deve avere estensione .js) e richiamarlo con <script type=”text/javascript” src=”nome_file.js”></script>.
La funzione javascript è la seguente:
<script type="text/javascript">
function cambiosfondo(Colore){
if (document.all){
document.body.style.background = Colore
}
}
</script>
Ora non ci rimane altro che creare i link che serviranno a cambiare il colore del background.
<a href="#" onClick="cambiosfondo('#FFFFFF')">Bianco </a>
<a href="#" onClick="cambiosfondo('#FF0000')">Rosso </a>
<a href="#" onClick="cambiosfondo('#0000FF')">Blu </a>
<a href="#" onClick="cambiosfondo('#00FF00')">Verde </a>
<a href="#" onClick="cambiosfondo('#000000')">Nero </a>
Possiamo creare tutti i link che vogliamo ed associare ad essi il relativo colore, inoltre è possibile sostituire al testo del link un’immagine, molto utile nel caso in cui si voglia risparmiare spazio o abbellire il lajout della pagina.
Spero che questo piccolo trucco possa tornarvi utile 
Popularity: 5% [?]
