E ' difficile sapere come i potenziali clienti potrebbero reagire ad uno slogan pubblicitario , e molti siti web potranno creare slogan diversi , ruotare il testo e misurare il numero di clic per determinare lo slogan più efficace . È possibile utilizzare JavaScript per ruotare il testo sullo schermo con la creazione di un array di testo da visualizzare , la creazione di una funzione per visualizzare l'elemento di testo successivo della matrice e la chiamata al metodo " setInterval " per attuare la rotazione a intervalli regolari a tempo. Istruzioni
1
Creare un nuovo documento HTML utilizzando il blocco note o un editor HTML . Inserire le intestazioni HTML nel documento :
< meta charset < DOCTYPE HTML ! > = "utf - 8" >
ruotare il testo < /title> <br> 2 <p> Aggiungi codice JavaScript per creare una serie di messaggi di testo da ruotare. Calcolare la posizione dell'ultimo messaggio di testo nella matrice prendendo la lunghezza e sottraendo uno. Inizializzare una variabile ( puntatore ) per monitorare l'indice del messaggio di testo corrente nella matrice <br> <p> <script> <br> <p> var testo = [ . " Offerta Speciale - clicca qui " , " libero Stuff - Clicca Qui "," non perdere questa offerta - Clicca Qui " ] ; ! <br> <p> var maxSlogans = text.length - 1 ; <br> <p> corrente var = 0 ; <br> ! <br> 3 <p> Creare una funzione JavaScript per ruotare il testo . Selezionare il seguente messaggio di testo nella matrice o spostare il puntatore di nuovo al primo messaggio di testo se avete raggiunto la fine della matrice . Visualizzare il testo sostituendo la proprietà " innerHTML " del tag <div> con il messaggio di testo : <br> <p> funzione RuotaTesto ( ) { <br> <p> se (+ + correnti > maxSlogans ) corrente = 0; . <br> <p> document.getElementById ( " textDiv " ) innerHTML = ' se si href="http://example.com/special' + corrente + '.php"> ' + testo [ corrente ] + ' < /a> '; } <br> <p> <br> 4 <p> Chiamare il metodo JavaScript " setTimeout " con la funzione che si desidera eseguire e l'intervallo di esecuzione in millisecondi . Ad esempio, eseguire la funzione " RuotaTesto " ogni 10 secondi: <br> <p> window.setInterval ( " RuotaTesto ( ) " , 10000 ) ; <br> <p> < /script> <br> <p> < ;/head> <br> 5 <p> Creare un <div> nel corpo del documento e assegnargli l' ID utilizzato nella funzione di rotazione JavaScript . Visualizza il primo slogan testo all'interno del tag <div> : <br> <p> <body> <br> <p> <div id="textDiv"> < a href = " http://example .com/special0.php "> Offerta Speciale - clicca qui < /a> < /div > <br> <p> < /body> <br> <p> < /html > <br> Pagina 6 <p> Salvare il file . Aprire in un browser e guardare il testo ruotare sullo schermo . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/90936.html' >Come determinare le coordinate di un elemento in JavaScript ? </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90938.html' >Rischi con JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90842.html" title="JavaScript : Redirect alla Pagina " target="_self">JavaScript : Redirect alla Pagina </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90986.html" title="Come nascondere da Class in JavaScript " target="_self">Come nascondere da Class in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91007.html" title="Come convertire un int in una stringa con javascript " target="_self">Come convertire un int in una stringa con javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91025.html" title="Come modificare il colore di sfondo di una riga in JavaScript " target="_self">Come modificare il colore di sfondo di una riga in Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90987.html" title="Come spostare un'immagine da X & Y in Javascript " target="_self">Come spostare un'immagine da X & Y in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91253.html" title="Come sostituire IgnoreCase " target="_self">Come sostituire IgnoreCase </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91146.html" title="Come commento in uno script Java " target="_self">Come commento in uno script Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90817.html" title="Come modificare il marcatore in una API di Google Maps " target="_self">Come modificare il marcatore in una API di Google Maps </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91268.html" title="Come fare per Windows Widgets " target="_self">Come fare per Windows Widgets </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91225.html" title="Come diagnosticare problemi con Javascript " target="_self">Come diagnosticare problemi con Javascript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89076.html" title="Elenco delle JSP Tag " target="_self">Elenco delle JSP Tag </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85711.html" title="Come modificare una lunghezza fissa stringa di caratteri " target="_self">Come modificare una lunghezza fissa stringa di caratter…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88177.html" title="Montaggio Programmi di lingua per un PC IBM " target="_self">Montaggio Programmi di lingua per un PC IBM </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91117.html" title="Javascript Combobox Tutorial " target="_self">Javascript Combobox Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90552.html" title="Java Spring vs . Struts " target="_self">Java Spring vs . Struts </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87980.html" title="Come faccio a cambiare l'ordine Articolo in StackPanel " target="_self">Come faccio a cambiare l'ordine Articolo in StackPanel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94729.html" title="Come associare dati a una casella di testo in VB " target="_self">Come associare dati a una casella di testo in VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94534.html" title="Come penna di un file in VB.NET con un'applicazione specifica " target="_self">Come penna di un file in VB.NET con un'applicazione spe…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86479.html" title="Come ottenere un filtro passabanda a lavorare in LabVIEW " target="_self">Come ottenere un filtro passabanda a lavorare in LabVIE…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91482.html" title="Come eliminare gli attributi unici su MySQL " target="_self">Come eliminare gli attributi unici su MySQL </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 