Il seguente metodo può essere utilizzato per creare script di Java per le immagini looping. Le immagini da visualizzare sono caricati nel modello di oggetti documento individuale ( DOM ) elementi , e questi elementi condividono la stessa posizione dello schermo e sono nascosti per impostazione predefinita. Ciascun elemento viene quindi reso visibile a turno , per un periodo di tempo misurato in millisecondi . Questo è uno dei diversi metodi che possono essere utilizzati per le immagini di loop utilizzando Java script . Istruzioni
1
Aprite il vostro editor di testo e creare un nuovo file vuoto . Salvare il file come " looping.html "
2
Scrivi questo codice HTML " testa " all'inizio del file :
< DOCTYPE HTML PUBLIC " - //. ! W3C //DTD XHTML 1.0 Strict //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > < html xmlns =
" http : //www.w3.org/1999/xhtml " >
Immagini
Looping . < /title> <br> <p> < contenuto meta = "text /html ; charset = utf-8 " http - equiv = " Content-Type" /> <br> 3 <p> Scrivi questo codice "stile" HTML nel file , sotto il codice di "testa" : <br> <p> < style assoluto ; <br> <p> z-index : 0 ; <br> <p> visibility: hidden ; <br> <p> Larghezza : 11em ; <br> altezza <p> : 13em ; <br> <p> top : 1.0em ; <br> <p> sinistra : 1.0em ; <br> <p> border : 2px solid # ccc ; <br> <p> -moz - border-radius : 0.5em ; <br> <p > - webkit - border-radius : 0.5em ; <br> <p> text -align: center ; <br> <p> padding-top : 1em ; <br> <p> } <br> <p> < /style > <br> 4 <p> Scrivi questo codice HTML " script" nel file , sotto il codice di "stile" : <br> <p> <script type = "text/javascript"> <br> <p> var num = 0; . <br> <p> funzione hideDisplay ( ) { <br> <p> document.getElementById ( " content_ " + num) style.visibility = "hidden" ; <br> <p > if ( num < 4) { <br> <p> num = num + 1 ; } <br> <p> <br> <p> else { <br> <p> num = 0 ; <br> <p> } <br> <p> showDisplay ( ) . <br> <p> } <br> <p> funzione showDisplay ( ) { <br> <p> document.getElementById ( " content_ " + num) stile . visibilità = " visibile " ; <br> <p> setTimeout ( " hideDisplay ( ) " , 2000) ; . //Imposta il periodo di tempo in millisecondi qui <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> 5 <p> Scrivi il codice HTML "corpo" nel file , sotto il codice " script" : <br> <p> < onload corpo = " showDisplay ( ) " > <br> <p> <div id="content_0"> <br> <p> < img src = " " alt = " Immagine 0 sarebbe qui . " /> <br> <p> <! - Il percorso src di un'immagine 0 deve essere inserito qui . - > <br> <p> < /div > <br> <p> <div id="content_1"> <br> <p> < img src = " " alt = " Immagine 1 sarebbe essere qui . " /> <br> <p> <! - Il percorso src di un'immagine 1 deve essere inserito qui . - > <br> <p> < /div > <br> <p> <div id="content_2"> <br> <p> < img src = " " alt = " Immagine 2 sarebbe essere qui . " /> <br> <p> <! - Il percorso src di un'immagine 2 deve essere inserito qui . - > <br> <p> < /div > <br> <p> <div id="content_3"> <br> <p> < img src = " " alt = " Immagine 3 sarebbe essere qui . " /> <br> <p> <! - Il percorso src di un'immagine 3 deve essere inserito qui . - > <br> <p> < /div > <br> <p> <div id="content_4"> <br> <p> < img src = " " alt = " Immagine 4 sarebbe essere qui . " /> <br> <p> <! - Il percorso src di un'immagine 4 deve essere inserito qui . - > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br> 6 <p> Salvare il file , quindi aprirlo in un browser Web utilizzando il comando di menu "File" . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181836.html' >Come abilitare Cufon Spaziatura tra lettere </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181840.html' >Come goccia decimali utilizzando 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/Computer-Programming-Languages/1176186.html" target="_blank">Come decompilare Giochi Flash </a></li><li><a href="/Programmazione/Java-Programming/1180402.html" target="_blank">Come convertire un numero decimale in un numero intero in Java </a></li><li><a href="/Programmazione/Python-Programming/1187684.html" target="_blank">Ricorsiva Merge Sort in Python </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177316.html" target="_blank">Come utilizzare Google Maps in C # </a></li><li><a href="/Programmazione/Python-Programming/1187922.html" target="_blank">Come rilevare le hashtags in testo in Python </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192094.html" target="_blank">Come impostare Visual Basic 6.0 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182166.html" target="_blank">Come correggere gli errori di script </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177522.html" target="_blank">Guida per un principiante assoluto di Programmazione </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/1182272.html" target="_blank">Come espandere un form in Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181746.html" target="_blank">Come aprire i file Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181596.html" target="_blank">Procedura: Modifica e Redirect un URL con Java </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182248.html" target="_blank">Come utilizzare Microsoft Script Debugger </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182260.html" target="_blank">Come disattivare Microsoft ActiveSync </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181922.html" target="_blank">Come inserire funzioni JavaScript nel Footer </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181836.html" target="_blank">Come abilitare Cufon Spaziatura tra lettere </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181530.html" target="_blank">Cosa posso usare al posto delle Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182036.html" target="_blank">Come accedere agli attributi elemento con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181774.html" target="_blank">Come utilizzare Colorazione in jQuery </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>