В этой статье разделяет код реализации прокрутки JS Seamold Lop для вашей ссылки. Конкретный контент заключается в следующем
1. Формат изображения: 260*400.
2. Используйте таймер петли , чтобы легко его реализовать
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <Title> Seamless Scroll </title> </head> <style type = "text/css"> .row {width: 1298px; Высота: 400px; Граница: 1px твердый; Box-Shadow: 2px 2px 2px #000; переполнение: скрыто; } .box {позиция: относительно; } .box1, .box2 {ширина: 1298px; позиция: абсолютно; } .box2 {слева: 1298px; } img {float: left; } </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 = "Image/4.jpg"> <img src = "/5. id = "box2"> <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> </div> </div> </div> </div> </div> </div> type = "text/javascript"> window.onload = function () {var _box1 = document.getElementById ("box1"); var _box2 = document.getElementById ("box2"); var x = 0; var fun = function () {_box1.style.left = x + 'px'; _box2.style.left = (x +1298) + 'px'; x--; if ((x +1298) == 0) {x = 0; }} setInterval (развлечение, 1); } </script> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.