이 기사에서는 JS의 원활한 스크롤 효과의 간단한 구현에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! docType html> <title> javaScript Seamless Scroll < /title> <meta charset = "utf-8" /> <meta name = "keywords"content = "javaScript Seamless Scroll" /> <meta name = "description" "javaScript Seamless Scroll" />> <스타일 유형 = "text /css"> h1 : w1 w1 on wont : w. "Microsoft Yahei", Kaiti_GB2312, Simsun} #marquee {위치 : 상대; 너비 : 400px; 오버플로 : 숨겨진; 테두리 : 10px 솔리드 #8080c0; } #marquee img {테두리 : 0px; } #marquee dl, #marquee dt, #marquee dd, #marquee a {float : 왼쪽; 여백 : 0; 패딩 : 0; } #marquee dl {너비 : 1000%; 높이 : 150px; }. } catch (e) {}; var container = document.getElementById (id), original = container.getElementsByTagName ( "dt") [0], clone = container.getElementsByTagName ( "dd") [0], speed = arguments [1] || 10; clone.innerhtml = original.innerhtml; container.scrollleft = clone.offsetleft var rolling = function () {if (container.scrollleft == 0) {container.scrollleft = clone.offsetleft; } else {container.scrollleft--; }} var timer = setInterval (롤링, 속도) // 타이머 컨테이너 set 타이머 컨테이너.onmouseOver = function () {clearinterVal (타이머)} // 마우스가 Marquee로 이동할 때 타이머를 지우고 스크롤 컨테이너를 중지합니다. function () {marquee ( "marquee");} </script> <h1> JavaScript Seamless Scroll (오른쪽으로 스크롤) </h1> <div id = "marquee"> <dl> <dt> <a href = "###"> <img src = "img/o_s017.jpg"/</a> </a> </> href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"> <img src = "img/o_s018.jpg"/> </a> <a href = "###"<img src = "Img/o_s"/</</</</</</</</</</pg <a href = "###"> <img src = "img/o_s020.jpg"/> </a> <a href = "###"> <img src = "img/o_s021.jpg"/> </a> <a href = "###"> img src = "img/o_s022. </a" <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"> <img src = "img/o_s022.jpg"/> </a> <a href = "###"<img src = "img/o_"/</</</</</</</</</</</</</o_ "> </dt> <dd> </dd> </dl> </div>렌더링은 다음과 같습니다.
JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.