この記事では、参照用のJSシームレスループスクロール実装コードを共有しています。特定のコンテンツは次のとおりです
1。画像形式： 260*400。
2。ループタイマーを使用して簡単に実装します
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>シームレススクロール</title> </head> <style type = "text/css"> .row {width：1298px;高さ：400px;国境：1pxソリッド; Box-Shadow：2px 2px 2px＃000;オーバーフロー：隠し; } .box {position：relative; } .box1、.box2 {width：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 = "images/4.jpg"> <img src = </5. id = "box2"> <img src = "images/1.jpg"> <img src = "images/2.jpg"> <img src = "image/3.jpg"> <img src = "images/4.jpg"> <img src = "images/5.jpg"> 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>上記はこの記事に関するものです。すべての人の学習に役立つことを願っています。