تصف هذه المقالة طريقة تنفيذ تأثير لفة التوقيت لصورة JS. شاركه للرجوع إليه ، على النحو التالي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <meta http-equiv = " تأثير </title> <style type = "text/css">. الفائض: مخفي. الارتفاع: 100px ؛ العرض: 300 بكسل ؛ } .box {float: left ؛ حجم الخط: 12 بكسل ؛ العرض: 80px ؛ الارتفاع: 120 بكسل ؛ الفائض: مخفي. الموقف: مطلق ؛ } </style> <script language = "javaScript" type = "text/javaScript"> var t ؛ window.onload = function () {var o = document.getElementById ('box') ؛ t = window.setInterval (function () {scrollup (o ، 24 ، 0) ؛} ، 3000)} /// scroll main method /// parameters: o scroll block object /// parameters: d height of كل scroll /// المعلمات: c current scrollup scrollup (o ، d ، c) getFirstChild (O.Firstchild) .clonenode (true) ؛ O.RemoveChild (getFirstchild (O.Firstchild)) ؛ O.AppendChild (T) ؛ t.style.margintop = "0px" ؛ } آخر {c += 1 ؛ getFirstChild (o.firstchild) .style.margintop = -c + "px" ؛ window.settimeout (function () {scrollup (o ، d ، c)} ، 15) ؛ }} // حل المشكلة التي تفيد بأن المساحات يتم إرجاعها كعقد في وظيفة firefox getFirstChild (node) {بينما (node.nodeType! = 1) {node = node.nextsibling ؛ } return node ؛ } </script> </head> <body> عرض توقيت التمرير العرضي <hr> <viv> <div id = "box"> <viv> <img src = "../ img/head/1.png"/> </viv> <div> <img src = "../ img/head/2.png"/>/div> src = "../ img/head/3.png"/> </viv> <viv> <img src = "../ img/head/4.png"/> </viv> </viv> </viv> </body> </html>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.