Este artículo comparte el código de implementación de desplazamiento de bucle JS sin costuras para su referencia. El contenido específico es el siguiente
1. Formato de imagen: 260*400.
2. Use un temporizador de bucle para implementarlo fácilmente
<! DocType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> scroll sin costura </title> </head> <style type = "text/css"> .row {ancho: 1298px; Altura: 400px; borde: 1px sólido; Shadow de caja: 2px 2px 2px #000; desbordamiento: oculto; } .Box {posición: relativo; } .Box1, .Box2 {Width: 1298px; Posición: Absoluto; } .box2 {izquierda: 1298px; } img {float: izquierda; }</style><body> <div> <div id="box"> <div id="box1"> <img src="images/1.jpg"> <img src="images/2.jpg"> <img src="images/3.jpg"> <img src="images/4.jpg"> <img src="images/5.jpg"> </div> <div id = "box2"> <img src = "imágenes/1.jpg"> <img src = "imágenes/2.jpg"> <img src = "imágenes/3.jpg"> <img src = "imágenes/4.jpg"> <img src = "imágenes/5.jpg"> </div> </div> </div> </div> </body> type = "text/javaScript"> window.onload = function () {var _box1 = document.getElementById ("box1"); var _box2 = document.getElementById ("box2"); var x = 0; var divertir = function () {_box1.style.left = x + 'px'; _box2.style.left = (x +1298) + 'px'; incógnita--; if ((x +1298) == 0) {x = 0; }} setInterval (diversión, 1); } </script> </html>Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.