이 기사에서는 JS 이미지의 타임 롤 효과를 구현하는 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <meta http-empectiv = "x-ua-compatible"컨텐츠 = "ie = 7"///titing> <스타일 유형 = "text/css"> .father {위치 : 상대; 오버플로 : 숨겨진; 높이 : 100px; 너비 : 300px; } .box {float : 왼쪽; 글꼴 크기 : 12px; 너비 : 80px; 높이 : 120px; 오버플로 : 숨겨진; 위치 : 절대; } </style> <script language = "javaScript"type = "text/javaScript"> var t; window.onload = function () {var o = document.getElementById ( 'box'); t = wind GetFirstChild (O.FirstChild) .Clonenode (True); O.RemoveChild (GetFirstChild (O.FirstChild)); O. AppendChild (t); t.style.margintop = "0px"; } else {c += 1; getFirstChild (O.FirstChild) .style.margintop = -c + "px"; Window.setTimeout (function () {scrollup (o, d, c)}, 15); }} // firefox 함수의 노드로 공백이 반환되는 문제를 해결합니다. } 반환 노드; } </script> </head> <bod> 스크롤 타이밍 효과 데모 데모 <HR> <div> <div id = "box"> <div> <img src = "../ img/head/1.png"/> </div> <div> <img src = "../ img/head/2.png"/> </div> <img src = "../ img/head/3.png"/> </div> <div> <img src = "../ img/head/4.png"/> </div> </div> </div> </body> </html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.