Følgende metode kan brukes til å lage Java-skript for looping bilder. Bildene som skal vises er lastet inn i individuelle Document Object Model ( DOM ) elementer , og disse elementene har samme sted på skjermen og er skjult som standard. Hvert element blir deretter gjort synlig i sin tur i en tidsperiode måles i millisekunder. Dette er en av flere metoder som kan brukes til å sløyfe bilder ved hjelp av Java-skript . Instruksjoner
en
Åpne din tekst editor og lage en ny tom fil . Lagre filen som " looping.html "
2
Skriv denne HTML " head" -koden på begynnelsen av filen:
< 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 " >
Looping Images . < /title > <br> <p> < meta content = "text /html ; charset = utf- 8 " http - equiv = " Content - Type" /> <br> 3 <p> Skriv denne HTML " style" -koden i filen , under "hodet " code : en <p> < stil absolutt, <br> <p> z-index : 0 ; <br> <p> synlighet : skjult; <br> <p> bredde : 11em ; <br> <p> høyde: 13em ; <br> <p> topp: 1.0em ; <br> <p> venstre: 1.0em ; <br> <p> kant: 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> Skriv denne HTML " script " kode i filen , under "stil " code : en <p> <script type = "text/javascript"> <br> <p> Var num = 0; . <br> <p> funksjon hideDisplay ( ) { <br> <p> document.getElementById ( " content_ " + num ) style.visibility = "skjult "; <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> funksjon showDisplay ( ) { <br> <p> document.getElementById ( " content_ " + num ) stil . synlighet = " synlig "; <br> <p> setTimeout ( " hideDisplay ( )" , 2000 ) ; . //Sett tidsperioden i millisekunder her <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 5 <p> Skriv HTML "kroppen" kode i filen , under " script " code : en <p> < body onload = " showDisplay ( )" > <br> <p> <div id="content_0"> <br> <p> < img src = "" alt = "Image 0 ville være her." /> <br> <p> <- The src banen til bilde 0 bør settes inn her . - > <br> <p> < /div > <br> <p> <div id="content_1"> <br> <p> < img src = "" alt = " Bilde 1 ville være her. " /> <br> <p> <- The src banen til bilde 1 skal settes inn her . - > <br> <p> < /div > <br> <p> <div id="content_2"> <br> <p> < img src = "" alt = " Bilde 2 ville være her. " /> <br> <p> <- The src banen til bilde 2 skal settes inn her . - > <br> <p> < /div > <br> <p> <div id="content_3"> <br> <p> < img src = "" alt = " Bilde 3 ville være her. " /> <br> <p> <- The src banen til bilde 3 skal settes inn her . - > <br> <p> < /div > <br> <p> <div id="content_4"> <br> <p> < img src = "" alt = " Bilde 4 ville være her. " /> <br> <p> <- The src banen til bilde 4 skal settes inn her . - > <br> <p> < /div > <br> <p> < /body > <br> <p> < /html > <br> 6 <p> Lagre filen , og deretter åpne den i en nettleser ved hjelp av " File "-menyen kommandoen. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90918.html' >Slik aktiverer Cufon bokstavavstand </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90920.html' >Hvordan Drop desimaler Bruke JavaScript </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91063.html" title="Hvordan få verdien av Combo Box med JavaScript " target="_self">Hvordan få verdien av Combo Box med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91020.html" title="Slik skjuler et rullefelt med JavaScript " target="_self">Slik skjuler et rullefelt med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91007.html" title="Slik konverterer en Int Into en String med Javascript " target="_self">Slik konverterer en Int Into en String med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90902.html" title="Slik bruker du en Betinget erklæringen i jQuery " target="_self">Slik bruker du en Betinget erklæringen i jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91031.html" title="Hvordan oppdage en Safari nettleser i JavaScript " target="_self">Hvordan oppdage en Safari nettleser i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90782.html" title="Kombinasjon av JavaScript Hurtigtaster " target="_self">Kombinasjon av JavaScript Hurtigtaster </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91261.html" title="Hvordan tillate Javascript Debugging " target="_self">Hvordan tillate Javascript Debugging </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90831.html" title="Jquery Fordeler " target="_self">Jquery Fordeler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90785.html" title="JavaScript vs Java Applets Robust " target="_self">JavaScript vs Java Applets Robust </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91087.html" title="Hvordan skrive en tidsbestemt IE Script " target="_self">Hvordan skrive en tidsbestemt IE Script </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86166.html" title="Hvordan lage en klokke i C " target="_self">Hvordan lage en klokke i C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87658.html" title="Hvordan lage Web Site Images " target="_self">Hvordan lage Web Site Images </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90068.html" title="Hvordan endre Scrollbar Color Bruke Java " target="_self">Hvordan endre Scrollbar Color Bruke Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85632.html" title="Hvordan få et antall objekter til å peke på en variabel " target="_self">Hvordan få et antall objekter til å peke på en varia…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86936.html" title="Hvordan lage kodesnutter forkorte Programmering Time " target="_self">Hvordan lage kodesnutter forkorte Programmering Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92540.html" title="Slik skjuler PHP " target="_self">Slik skjuler PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88842.html" title="Hva er en Bruk sak " target="_self">Hva er en Bruk sak </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85229.html" title="Base SDK Missing Xcode " target="_self">Base SDK Missing Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86785.html" title="Liste over Offline webskjema Typer " target="_self">Liste over Offline webskjema Typer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94537.html" title="Hvordan lage en Google-knapp i Visual BASIC " target="_self">Hvordan lage en Google-knapp i Visual BASIC </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 