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 è:
2)Cambiare l’immagine di sfondo:
$('body').css({'background-image':'url(img/sfondoTab.png)'})
Anche in questo caso:
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/