Nwlapcug.com


Come ruotare un Banner JS



Un rotatore banner è un piccolo pezzo di software che gira in modo casuale gli annunci gli utenti visualizzare in una pagina Web. Rotazione banner è vantaggioso per gli inserzionisti, dal momento che in genere costa meno per sponsorizzare un annuncio parziale al contrario di un annuncio su una pagina Web. Banner a rotazione beneficio pagina Web proprietari, poiché possono usufruire di molteplici opportunità di pubblicità. Banner in genere vengono ruotati quando un utente aggiorna la pagina e gli annunci possono essere visualizzati basato su una serie di parametri preimpostati come il tempo, giorno della settimana o vista percentuale.

Istruzioni

1

Aprire un editor di testo e creare un nuovo file di testo denominato "random_banner.html". Per creare un nuovo file in un editor di testo, selezionare "Nuovo" dal menu "File".

2

Aggiungere alcuni tag HTML di base per il file. Includere i tag seguenti: < html >, < head >, < / head >, < body >, < / body > e < / html >.

< html >
< testa >< / testa >
< corpo >< / corpo >
< / html >

3

Modificare random_banner.html e aggiungere un tag < script > tra < head > e < / head > Tag. Assegnare il tag < script > un attributo di tipo di "text/javascript" e aggiungere un < / script > tag per indicare la fine di script. Qualsiasi testo inserito tra lo < script > e < / script > Tag verrà interpretato come codice JavaScript.

< script type = "text/javascript" >
< / script >

4

Aggiungere una funzione JavaScript denominata bannerRotate() tra il < script tipo = "text/javascript" > e < / script > Tag. Seguire il nome della funzione con un insieme di parentesi graffe ("{}") per indicare posizione del codice della funzione.

funzione bannerRotate()
{}

5

Dichiarare una variabile denominata bannerTime tra parentesi graffe della funzione bannerRotate. Impostare la variabile bannerTime al valore restituito di una funzione Math. Random JavaScript. La funzione Math. Random restituisce un numero casuale compreso tra 0 e 1.

bannerTime=Math.random();

6

È possibile utilizzare tre metodi di Document. Write e tre istruzioni condizionali per ruotare uno dei tre banner sulla pagina. Il primo striscione dovrebbe essere visualizzato il 25 per cento del tempo (Banner 1), il secondo banner deve essere visualizzato il 50 per cento del tempo (2 Banner) e il terzo banner deve essere visualizzato il 25 per cento del tempo (3 Banner). Inserire il codice condizionale direttamente dopo la dichiarazione della variabile bannerTime tra parentesi graffe della funzione bannerRotate().

Se (bannerTime < 0,25) {Document. Write ("Banner 1");}
Se (bannerTime > = 0.25 & & bannerTime < 0.75) {Document. Write ("Banner 2");}
Se (bannerTime > = 0,75) {Document. Write ("Banner 3");}

7

Aggiungere un tag < script > secondo tra random_banner.html < body > e < / body > Tag. Come prima, assegnare il tag < script > un attributo di tipo di testo/javascript e Chiudi il < / script > tag.

< script type = "text/javascript" >
< / script >

8

Chiamare la funzione bannerRotate() inserendo il nome della funzione tra la seconda < script type = "text/javascript" > e < / script > Tag. Dopo aver completato il passaggio 8, random_banner.html dovrebbe apparire come mostrato di seguito. Salvare e chiudere random_banner.html.

< html >
< head >
< script type = "text/javascript" >
funzione bannerRotate()
{
bannerTime=Math.random();
Se (bannerTime < 0,25) {Document. Write ("Banner 1");}
Se (bannerTime > = 0.25 & & bannerTime < 0.75) {Document. Write ("Banner 2");}
Se (bannerTime > = 0,75) {Document. Write ("Banner 3");}
}
< / script >
< / head >
< corpo >
< script type = "text/javascript" >
bannerRotate();
< / script >
< / body >
< / html >

9

Banner_rotate.html aperto in un browser Web. Ha colpito l'aggiornamento del browser pulsante alcune volte per verificare che il banner è in rotazione come indicato nel codice condizionale (Banner 01.25 per cento, Banner 02.50 03.25 percentuale, Banner per cento).

Consigli & Avvertenze

  • Banner può essere ruotato su pagine Web basate su qualsiasi programma, compreso il giorno della settimana, l'ora della giornata o visualizzazione frequenza.
  • Molti rotatori di banner commerciali sono disponibili che forniscono una varietà di caratteristiche di design di banner aggiuntivi, come la manipolazione di immagine banner e allineamento.
  • Banner a rotazione possono essere immagini che includono collegamenti ipertestuali e possono includere molte caratteristiche HTML e funzioni.
  • Quando si utilizza più istruzioni condizionali, considerare l'utilizzo di altro se istruzioni invece di ripetere se dichiarazioni.
  • Utilizzare sempre buone tecniche di programmazione di pagine quando banner a rotazione per evitare di sovraccaricare l'utente e sminuire il messaggio principale della pagina Web.