تشارك هذه المقالة رمز تنفيذ حلقة JS Seamless Smooling للرجوع إليه. المحتوى المحدد كما يلي
1. تنسيق الصورة: 260*400.
2. استخدم مؤقت حلقة لتنفيذه بسهولة
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> تمرير سلس </title> </head> <style type = "text/css"> .row {width: 1298px ؛ الارتفاع: 400 بكسل ؛ الحدود: 1 بكسل صلبة. Box-Shadow: 2px 2px 2px #000 ؛ الفائض: مخفي. } .box {الموضع: النسبي ؛ } .box1 ، .box2 {width: 1298px ؛ الموقف: مطلق ؛ } .box2 {left: 1298px ؛ } img {float: Left ؛ } </style> <body> <viv> <div id = "box"> <div id = "box1"> <img src = "images/1.jpg"> <img src = "images/2.jpg"> <img src = "images/3.jpg"> <img src = id = "box2"> <img src = "images/1.jpg"> <img src = "images/2.jpg"> <img src = "images/3.jpg"> <img src = "images/vody> </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 (متعة ، 1) ؛ } </script> </html>ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.