인터넷에서 디지털 시계 효과를 구현하는 JavaScript의 예가 많이 있지만이 기사에서는 스크롤 효과가있는 디지털 시계를 소개합니다. 편집자는 효과가 매우 인상적이라고 생각하므로 아래에서 여러분과 공유하겠습니다.
먼저 눈부신 효과를 살펴 보겠습니다
아래는 코드 예입니다
자바 스크립트 코드 부분 :
wind 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> <img src = "img/num.png" /> </li> <li> <img src = "img/num.png"/> </li> </ul>*{패딩 : 0; 여백 : 0; 목록 스타일 : none;} ul {너비 : 200px; 여백 : 100px auto;} li {float : 왼쪽; 높이 : 35px; 오버플로 : 숨겨진; 라인-높이 : 35px;}요약
위의 것은 JavaScript를 사용하여 스크롤 효과를 달성하는 디지털 시계에 대한 모든 예제 코드입니다. 코드는 간단하지만 효과는 매우 좋습니다. 도움이 도움이되기를 바랍니다.