تصف هذه المقالة التنفيذ البسيط لتأثير التمرير السلس لـ JS. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html> <title> javaScript Seamless Scroll Scroll </title> <meta charset = "utf-8" /> <meta name = "keywords" content = "javaScript seamless scroll" /> <meta name = "description" content = "javaScript smallless" /> "Microsoft Yahei" ، Kaiti_GB2312 ، Simsun} #marquee {position: relative ؛ العرض: 400 بكسل ؛ الفائض: مخفي. الحدود: 10 بكسل Solid #8080C0 ؛ } #marquee img {border: 0px ؛ } #marquee dl ، #marquee dt ، #marquee dd ، #marquee a {float: left ؛ الهامش: 0 ؛ الحشو: 0 ؛ } #marquee dl {width: 1000 ٪ ؛ الارتفاع: 150 بكسل ؛ } </style> <script type = "text/javaScript"> var marquee = function (id) {try {document.execommand ("backgroundImageCache" ، false ، true) ؛ } catch (e) {} ؛ var container = document.getElementById (id) ، Original = Container.getElementsByTagName ("dt") [0] ، clone = container.getElementsByTagname ("dd") [0] ، speed = mancepitions [1] || 10 ؛ clone.innerhtml = Original.innerhtml ؛ container.scrollleft = clone.offsetleft var rolling = function () {if (container.scrollleft == 0) {container.scrollleft = clone.offsetleft ؛ } آخر {container.scrollleft-- ؛ }}} var timer = setInterval (المتداول ، السرعة) // تعيين حاوية مؤقتة. function () {marquee ("marquee") ؛} </script> <h1> javaScript Seamless Scroll (قم بالتمرير إلى اليمين) </h1> <div id = "marquee"> <dl> <dt> <a href = "###"> <img src = "img/o_s017.jpg"/> href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###" <a href = "###"> <img src = "img/o_s020.jpg"/> </a> <a href = "###"> <img src = "img/o_s021.jpg"/> </a> <a href = "###" <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###" </dt> <dd> </dd> </dl> </viv>العروض كما يلي:
لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.