이 기사에서는 참조에 대한 JS Seamless Loop Scrolling 구현 코드를 공유합니다. 특정 내용은 다음과 같습니다
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 : 왼쪽; } </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"> <imag src = "images/5.jpg"> dith> 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"> wind var _box2 = document.getElementById ( "box2"); var x = 0; var fun = function () {_box1.style.left = x + 'px'; _box2.style.left = (x +1298) + 'px'; 엑스--; if ((x +1298) == 0) {x = 0; }} setInterVal (재미, 1); } </script> </html>위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.