هناك العديد من الأمثلة على جافا سكريبت لتنفيذ تأثيرات الساعة الرقمية على الإنترنت ، ولكن هذه المقالة تقدم لك الساعات الرقمية مع تأثيرات التمرير. يعتقد المحرر أن التأثير مثير للإعجاب للغاية ، لذلك سأشاركه معك أدناه.
دعونا نلقي نظرة على الآثار المبهرة أولاً
أدناه مثال رمز
جزء رمز JavaScript:
window.onload = function () {function todou (n) {return n <10؟ om = odate.getseconds () ؛ var str = todou (oh)+todou (of)+todou (om) ؛ for (var i = 0 ؛ i <oimg.length ؛ i ++) {move (oimg [i] ، {"margintop":-35*str.charat (i)}) ؛جزء تخطيط Div+CSS:
<ul> <li> <img src = "img/num.png"/> </li> <li> <img src = "img/num.png"/> </li> <li>: </li> <li> <img src = "img/num.png"/> </li> <li> /> </li> <li> <img src = "img/num.png"/> </li> </ul>*{padding: 0 ؛ الهامش: 0 ؛ قائمة القائمة: لا شيء ؛} ul {width: 200px ؛ الهامش: 100px Auto ؛} li {float: left ؛ الارتفاع: 35 بكسل ؛ الفائض: مخفي. رفع الخط: 35px ؛}لخص
ما سبق هو كل الرموز المثال حول الساعات الرقمية التي تستخدم JavaScript لتحقيق تأثيرات التمرير. الكود بسيط ولكن التأثير جيد جدًا. آمل أن تساعدك في حاجة.