Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come ruotare il testo con JavaScript

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> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181872.html' >Come determinare le coordinate di un elemento in JavaScript ? </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181876.html' >Rischi con JavaScript </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/Java-Programming/1180838.html" target="_blank">Come aggiornare gli elementi in una lista con Java </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1188964.html" target="_blank">Come leggere gli elementi di un file in un array </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189756.html" target="_blank">Come utilizzare ListView in VB 6.0 </a></li><li><a href="/Programmazione/Python-Programming/1188234.html" target="_blank">Come progettare il software di contabilità </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183622.html" target="_blank">Tutorial su PHP Foto Album </a></li><li><a href="/Programmazione/Java-Programming/1178700.html" target="_blank">Come avere Decimals input dell'utente in Java </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177374.html" target="_blank">Come utilizzare AppleScript per lanciare programmi </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191660.html" target="_blank">Come modificare un file di testo in Access 2003 Visual Basic </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1181712.html" target="_blank">Spiegazione di arrotondamento e troncamento in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182370.html" target="_blank">Aggiunta di Javascript dinamicamente con DOM Scripting </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181820.html" target="_blank">Come Ping in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181892.html" target="_blank">Come caricare un DIV in un altro DIV dinamicamente </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182446.html" target="_blank">Come Modifica dimensione carattere in Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182526.html" target="_blank">Come imparare Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181878.html" target="_blank">Come installare il Facebook Javascript SDK </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181660.html" target="_blank">Come aggiungere Analytics per LightBox </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182416.html" target="_blank">Come creare Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181586.html" target="_blank">Come aggiungere controlli a Google Maps API </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>