Come modificare un CSS immagine di sfondo con JavaScript

September 29

Come modificare un CSS immagine di sfondo con JavaScript


Javascript fornisce dinamica, codice lato client per modificare il layout del sito. È possibile utilizzare Javascript per cambiare la grafica del sito web, testo, tabelle e persino l'immagine di sfondo. Il codice viene utilizzato per automatizzare le immagini di sfondo dinamico, che viene spesso utilizzato sui blog o riviste online per promuovere i prodotti di affiliazione. Il cambiamento è invisibile ai lettori del sito web, e l'immagine viene visualizzata ogni volta che l'utente apre la pagina.

istruzione

1 Aprire il file HTML con un semplice editor di testo come Blocco note. È inoltre possibile utilizzare gli editor di testo più avanzate, come Notepad ++ o Visual Studio. Queste sezioni di codice redattori del colore del file HTML per l'editing facile.

2 Creare i tag blocco Javascript. Tutto il codice JavaScript si trova in blocchi di script. Posizionare questi tag all'interno del "<head>" e "</ head>" tag nel codice HTML:
<Script type = "text / javascript"> </ script>

3 Creare una variabile e assegnarle una immagine che si trova sul sito web. Il codice seguente crea la variabile e assegna l'immagine "myImage.jpg":
var background_image = "myImage.jpg";

4 Impostare l'immagine di sfondo. Il codice seguente passa l'immagine di sfondo di default CSS per la variabile definita al punto 3:
document.body.background = background_image;

5 Salvare le modifiche e aprire il codice HTML nel browser web. I nuovi cambiamenti modificare l'immagine di sfondo e visualizzare nel browser.