Hvordan kode en roterende banner i HTML

Endre bannere på et nettsted kan forbedre en besøkendes opplevelse ved å låne variasjon til nettstedet layout. Når det gjelder reklamebannere, kan det også øke nettstedets inntekter. Viser forskjellige bannere hver gang siden blir besøkt eller uthvilt lar webmaster for å få mest mulig ut av verdifull plass på skjermen. En rekke kommersielle banner-roterende applikasjoner er tilgjengelig, men er unødvendig hvis du setter inn et par linjer med Javascript inn i HTML-koden.

Bruksanvisning

1 Åpne siden i HTML-kildekoden i et HTML- eller tekstredigeringsprogram.

2 Definere variabelen for å rotere bannere i HEAD-delen av HTML-koden. Dette eksemplet bruker tre separate bannere:

<Script language = "Javascript">

Var MaxAds = 2

Var AdNumber

Var ThisAd = new Array ()

3 Tilordne verdier til hver av banneret tabellmedlemmene. Denne koden tilhører også i HEAD-delen av HTML-koden rett under variabeldeklarasjoner:

ThisAd [0] = '<img width = "190" height = "40" border = "0">'

ThisAd [1] = '<img width = "190" height = "40" border = "0">'

ThisAd [2] = '<img width = "190" height = "40" border = "0">'

</ Script>

4 Plasser skript som roterer bannere i kroppen delen av HTML-koden:

<Script language = "Javascript">

AdNumber = Math.round (Math.random () * MaxAds)

document.write (ThisAd [AdNumber])

</ Script>

5 Lagre filen og lukk editor.

Hint

• I eksemplet er banneret filene plasseres i samme katalog som HTML-fil for å kalle siden. Disse kan plasseres hvor som helst på serveren ved å angi banen sammen med filnavnet.
• Den MaxAds variabel er deklarert som to for å gi maksimalt 3 tabellmedlemmene siden matrise telling begynner alltid med 0 i stedet for en.