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/