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>
<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/90918.html' >Come abilitare Cufon Spaziatura tra lettere </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90920.html' >Come goccia decimali utilizzando 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/91233.html" title="Come fare una cella di tabella cliccabile " target="_self">Come fare una cella di tabella cliccabile </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91041.html" title="Come si può definire una costante in JavaScript " target="_self">Come si può definire una costante in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91051.html" title="Come aggiungere stringhe in Javascript " target="_self">Come aggiungere stringhe in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91136.html" title="Come espandere un form in Java Script " target="_self">Come espandere un form in Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91169.html" title="Come convertire i numeri in parole in Javascript " target="_self">Come convertire i numeri in parole in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91008.html" title="Come fare un Div Pop - up " target="_self">Come fare un Div Pop - up </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91152.html" title="Come fare un calendario Script Java per un sito web " target="_self">Come fare un calendario Script Java per un sito web </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91210.html" title="Come creare XLS con JavaScript " target="_self">Come creare XLS con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90758.html" title="Come fare una tabella con jQuery " target="_self">Come fare una tabella con jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91166.html" title="Javascript Griglia Tutorial " target="_self">Javascript Griglia Tutorial </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/visual-basics-programming/95952.html" title="Come accedere alle tabelle di Word con Excel VBA " target="_self">Come accedere alle tabelle di Word con Excel VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90894.html" title="Come cancellare una discesa in JQuery " target="_self">Come cancellare una discesa in JQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88735.html" title="Come fare XSD " target="_self">Come fare XSD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/86252.html" title="Come utilizzare la funzione memcpy in C + + " target="_self">Come utilizzare la funzione memcpy in C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87716.html" title="Posso mettere più ancore in HTML ? " target="_self">Posso mettere più ancore in HTML ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96484.html" title="Come utilizzare API in Visual Basic " target="_self">Come utilizzare API in Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87329.html" title="Come utilizzare PHP per chiamare un API " target="_self">Come utilizzare PHP per chiamare un API </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95769.html" title="Come utilizzare Attachments.Add di allegare più in VBS " target="_self">Come utilizzare Attachments.Add di allegare più in VBS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91649.html" title="Sessioni rotto in PHP " target="_self">Sessioni rotto in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86630.html" title="Livelli di astrazione in Design Program " target="_self">Livelli di astrazione in Design Program </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> 