Idea:
Un conjunto de imágenes controla su barra de rodadura para rodar, y en este momento, copiando este conjunto de imágenes y la agregar al grupo de imágenes original, ahora hay dos conjuntos de imágenes. Puede imaginar que la barra de rodadura continúa rodando ahora. Esta vez, puede sentir un desplazamiento sin problemas.
Copiar código del código de la siguiente manera:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-oquiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> JS Pictures rodando a la izquierda </title>
<Style type = "text/css">
img {
borde: ninguno;
}
</style>
</ablo>
<Body>
<div id = "demo" style = "desbordamiento: oculto; ancho: 500px;">
<TABLE BORDER = 0 align = Center CellPadding = 1 CellSpacing = 1 CellSpace = 0>
<tr>
<td id = "demo1" valor = "top" bgcolor = "ffffff">
<!- Atención especial, el ancho total de la siguiente imagen debe ser mayor que el ancho de la demostración definida arriba. ¡De lo contrario, habrá algunos problemas! ->
<TABLE CELLSPACING = "0" CellPadding = "0">
<tr align = "centro">
<TD> <a href = "#" Target = "_lank"> <img src = "imágenes/1.jpg"> </a> </td>
<TD> <a href = "#" target = "_lank"> <img src = "imágenes/2.jpg"> </a> </td>
<TD> <a href = "#" Target = "_ Blank"> <img src = "imágenes/3.jpg"> </a> </td>
<TD> <a href = "#" Target = "_ Blank"> <img src = "imágenes/4.jpg"> </a> </td>
<TD> <a href = "#" target = "_lank"> <img src = "imágenes/5.jpg"> </a> </td>
</tr>
</table>
</td>
<td id = "demo2" value = "top">
</td>
</tr>
</table>
</div>
<div id = "msg"> </div>
<script type = "text/javaScript" src = "jquery.js"> </script>
<script type = "text/javaScript">
// 0: velocidad fija
Varula = 30;
// 1: Obtenga la demostración de la demostración del elemento1
var demo = $ ("#demo");
var demo1 = $ ("#demo1");
var demo2 = $ ("#demo2");
// 2: copiar demo1-> demo2
var cont = $ ("#demo1").
$ ("#demo2").
// 3: crea el método para ejecutar el tiempo
función hello () {
var izquierda = $ ("#Demo").
if (izquierda> = $ ("#demo1"). width ()) {
izquierda = 0;
} Demás {
izquierda ++;
}
$ ("#Demo").
setTimeout ("Hello ()", velocidad);
}
Hola ();
// Mover demo.scrollleft ();
</script>
</body>
</html>