El siguiente método puede ser usado para crear script de Java para las fotos de bucle. Las imágenes que se muestran son cargados en el modelo de objeto de documento individual ( DOM) elementos , y estos elementos comparten la misma ubicación de la pantalla y se ocultan de forma predeterminada. Cada elemento se hace entonces visible , a su vez , por un período de tiempo medido en milisegundos . Este es uno de los varios métodos que pueden ser utilizados para imágenes de bucle utilizando Java script . Instrucciones
1
Abre tu editor de texto y crear un nuevo archivo en blanco . Guarde el archivo como " looping.html "
2
Escribe este codigo "cabeza" HTML al principio del archivo :
< 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 " >
Imágenes
bucle . < /title > <br> <p> < contenido meta = "text /html ; charset = utf - 8 " http -equiv = "Content- Type" /> <br> 3 <p> Escribe este codigo HTML " estilo " en el archivo , a continuación el código de la "cabeza" : <br> <p> <style absoluta ; <br> <p> z -index: 0 ; <br> <p> visibility: hidden ; <br> ancho <p> : 11em ; <br> altura <p> : 13em ; <br> <p> top: 1.0em ; <br> <p> izquierda : 1.0em ; <br> <p> frontera : 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> Escribe este codigo "script" en el archivo HTML , debajo del código de "estilo" : <br> <p> Messenger type = "text/javascript"> <br> <p> var num = 0 ; . <br> <p> hideDisplay function () { <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> showDisplay function () { <br> <p> document.getElementById ( " content_ " + num) estilo . visibilidad = "visible " ; <br> <p> setTimeout ( " hideDisplay ()" , 2000 ) . //Establece el período de tiempo en milisegundos aquí <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 5 <p> Escriba el código de "cuerpo" en el archivo HTML , debajo del código de "script" : <br> <p> < onload cuerpo = " showDisplay ()" > <br> <p> <div id="content_0"> <br> <p> < img src = " " alt = "Imagen 0 estaría aquí . " /> <br> <p> <- El camino a la imagen src 0 debe insertarse aquí . -> <br> <p> < /div > <div <br> <p> id="content_1"> <br> <p> < img src = " " alt = "Imagen 1 haría estar aquí. " /> <br> <p> <- src El camino a la imagen 1 debería insertarse aquí . -> <br> <p> < /div > <div <br> <p> id="content_2"> <br> <p> < img src = " " alt = "Imagen 2 haría estar aquí. " /> <br> <p> <- src El camino a la imagen 2 se debe insertar aquí . -> <br> <p> < /div > <div <br> <p> id="content_3"> <br> <p> < img src = " " alt = "Imagen 3 haría estar aquí. " /> <br> <p> <- src El camino a la imagen 3 se debe insertar aquí . -> <br> <p> < /div > <div <br> <p> id="content_4"> <br> <p> < img src = " " alt = "Imagen 4 haría estar aquí. " /> <br> <p> <- src El camino a la imagen 4 deberá insertarse aquí . -> <br> <p> < /div > <br> <p> < /body> <br> <p> < /html> <br> 6 <p> Guarde el archivo , a continuación, ábralo en un navegador web utilizando el comando de menú "Archivo". <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='/Programacion/javascript-programming/90918.html' >Cómo habilitar Cufon Espacio entre letras </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90920.html' >Cómo eliminar decimales usando 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"> Artículos relacionados </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="/Programacion/javascript-programming/90843.html" title="Cómo hacer un script de Greasemonkey de usuario " target="_self">Cómo hacer un script de Greasemonkey de usuario </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91038.html" title="Cómo quitar JavaScript " target="_self">Cómo quitar JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91104.html" title="Cómo utilizar NetBeans para depurar MATLAB " target="_self">Cómo utilizar NetBeans para depurar MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91018.html" title="Cómo acceder a atributos de elemento con JavaScript " target="_self">Cómo acceder a atributos de elemento con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91079.html" title="Cómo crear OOP JavaScript " target="_self">Cómo crear OOP JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/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="/Programacion/javascript-programming/90923.html" title="Cómo calcular la altura de texto " target="_self">Cómo calcular la altura de texto </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91133.html" title="Cómo redireccionar los usuarios móviles " target="_self">Cómo redireccionar los usuarios móviles </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91208.html" title="Cómo crear Java Script " target="_self">Cómo crear Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90813.html" title="Cómo obtener el ancho de un elemento en Javascript " target="_self">Cómo obtener el ancho de un elemento en 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">Artículos destacados </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="/Programacion/computer-programming-languages/88732.html" title="Cómo almacenar un árbol binario de búsqueda en un archivo " target="_self">Cómo almacenar un árbol binario de búsqueda en un ar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96317.html" title="Cómo llamar a un Javascript Desde Visual Basic " target="_self">Cómo llamar a un Javascript Desde Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96067.html" title="Cómo abrir una aplicación de Windows utilizando Visual Basic " target="_self">Cómo abrir una aplicación de Windows utilizando Visua…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93954.html" title="Cómo instalar Pygame Con Python 2.7 en un Mac " target="_self">Cómo instalar Pygame Con Python 2.7 en un Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91091.html" title="Cómo configurar la página Imprimir Límite en JavaScript " target="_self">Cómo configurar la página Imprimir Límite en JavaScr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87422.html" title="Cómo utilizar una matriz en COBOL " target="_self">Cómo utilizar una matriz en COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90652.html" title="Cómo crear etiquetas personalizadas en JSP " target="_self">Cómo crear etiquetas personalizadas en JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95785.html" title="Cómo acceder a una consulta VB " target="_self">Cómo acceder a una consulta VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96084.html" title="Cómo encontrar el nombre completo del equipo con Visual Basic " target="_self">Cómo encontrar el nombre completo del equipo con Visua…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89992.html" title="¿Cómo puedo implementar una bolsa de canicas en Java " target="_self">¿Cómo puedo implementar una bolsa de canicas en Java </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
