Cet article partage le code d'implémentation de défilement de boucle sans couture JS pour votre référence. Le contenu spécifique est le suivant
1. Format d'image: 260 * 400.
2. Utilisez une minuterie de boucle pour l'implémenter facilement
<! doctype html> <html lang = "en"> <éadf> <meta charset = "utf-8"> <tight> Scroll sans couture </ title> </ head> <style type = "text / css"> .row {width: 1298px; hauteur: 400px; Border: 1px solide; Box-Shadow: 2px 2px 2px # 000; débordement: caché; } .box {position: relative; } .box1, .box2 {width: 1298px; Position: absolue; } .box2 {Left: 1298px; } img {float: gauche; } </ 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"> </4 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> </ body> </ script> 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 (fun, 1); } </ script> </html>Ce qui précède concerne cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde.