Este artigo compartilha o código de implementação de rolagem de loop sem costura JS para sua referência. O conteúdo específico é o seguinte
1. Formato da imagem: 260*400.
2. Use um cronômetro de loop para implementá -lo facilmente
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> roll sem costura </title> </ad Head> <style type = "text/css"> .row {width: 1298px; Altura: 400px; borda: 1px sólido; Shadow de caixa: 2px 2px 2px #000; estouro: oculto; } .Box {Position: relativo; } .Box1, .Box2 {Width: 1298px; Posição: Absoluto; } .Box2 {esquerda: 1298px; } img {float: esquerda; } </style> <body> <div> <div id = "box"> <div id = "box1"> <img src = "imagens/1.jpg"> <img src = "imagens/2.jpg"> <img src = "imagens/3.jpg"> <img src = "imagens/ejpg"> <mg) <mg) <images> <Images>) id = "box2"> <img src = "imagens/1.jpg"> <img src = "imagens/2.jpg"> <img src = "imagens/3.jpg"> <img src = "imagens/4.jpg"> <img src = "imagens/5.jpg"> </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 (diversão, 1); } </script> </html>O exposto acima é tudo sobre este artigo, espero que seja útil para o aprendizado de todos.