Hvordan endre en CSS bakgrunnsbilde med Javascript

Hvordan endre en CSS bakgrunnsbilde med Javascript


Javascript gir dynamiske, klientsiden koden for å redigere din nettside layout. Du kan bruke Javascript til å endre nettstedet grafikk, tekst, tabeller og selv bakgrunnsbildet. Koden brukes til å automatisere dynamiske bakgrunnsbilder, som ofte brukes på blogger eller elektroniske tidsskrifter for å fremme tilknyttede produkter. Endringen er usynlig for nettstedet lesere, og bildet vises hver gang brukeren åpner siden.

Bruksanvisning

1 Åpne HTML-fil med et enkelt tekstredigeringsprogram som Notisblokk. Du kan også bruke mer avanserte tekst redaktører som Notepad ++ eller Visual Studio. Disse redaktørene fargekode deler av HTML-fil for enklere redigering.

2 Opprett Javascript blokk koder. All Javascript-kode ligger i skriptblokker. Plasser disse kodene innenfor "<head>" og "</ head>" koder i HTML-koden:
<Script type = "text / javascript"> </ script>

3 Lag en variabel og tilordne det et bilde som ligger på ditt nettsted. Følgende kode oppretter variabelen og tildeler den "myImage.jpg" image:
Var background_image = "myImage.jpg";

4 Sett bakgrunnsbildet. Følgende kode brytere standard CSS bakgrunnsbilde for variabel definert i trinn 3:
document.body.background = background_image;

5 Lagre endringene og åpne HTML i nettleseren. De nye endringene redigere bakgrunnsbildet og vise den i nettleseren.