Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Cambiare lo sfondo di una pagina con jQuery è indubbiamente molto semplice, distignuiamo due casi, nel primo cambieremo il colore di sfondo, nel secondo un’immagline.

1) Cambiare il colore di sfondo:

$(‘body’).css({‘background-color’:‘#003’})

Ovviamente questo codice va lanciato in seguito ad un evento, un possibile esempio, anche se poco ortodosso è:

<input type="button" onclick="$(‘body’).css({‘background-color’:’#003′})" value="Cambia" />

2)Cambiare l’immagine di sfondo:

$(‘body’).css({‘background-image’:‘url(img/sfondoTab.png)’})

Anche in questo caso:

<input type="button" onclick="$(‘body’).css({‘background-image’:’url(img/sfondoTab.png)’})" value="Cambia" />

In realtà in entrambi i casi avremmo potuto usare la proprietà backround:

$(‘body’).css({‘background’:‘#003’})
$(‘body’).css({‘background’:‘url(img/sfondoTab.png)’})

Ci tengo a precisare che per mero scopo esemplificativo il cambio di sfondo è stato inserito all’interno dell’onlick di un bottone, in realtà andrebbe anch’esso gestito con jQuery.

Per vedere questo codice in funzione puoi visitare questa pagina:
http://demo.studio-88.it/cambioSfondo/

Twitter