웹 콘텐츠의 가로 또는 세로 스크롤을 구현하는 Javascript 코드_javascript 기술

두 가지 주요 부분이 있습니다. 하나는 스크롤 콘텐츠 부분이고, 다른 하나는 두 개의 문장만 있는 JS 스크롤 코드 부분입니다.

1. 전통적인 롤링 코드

<marquee scrollamount="2" loop="-1" scrolldelay="0" width="250"><div style="FILTER: glow(color=#FF0000,strength=4); COLOR: #ffffff; HEIGHT: 10px;WIDTH: 750px">Javascript를 사용하여 뉴스 콘텐츠를 가로로 스크롤하세요! </div></marquee>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

전통적 스크롤 코드 적용 효과 비교적 간단하며 브라우저 호환성 문제가 자주 발생합니다. 예를 들어 FIREFOX에서는 선택 윤곽의 특수 효과가 유효하지 않습니다.

2. Javascript로 구현한 스크롤 효과

<div style="width: 300px;overflow: hidden;" onmouseover="clearInterval(timer1);" onmouseout="go();"> <div style="position: relative;top: 0px;left: 0px;white-space: nowrap;color: #0000FF;" id="news"> <span id="headnew">Javascript를 이용한 뉴스 콘텐츠 가로 스크롤 구현 1</span> </div> </div> //div 태그의 너비 및 기타 매개변수는 직접 조정할 수 있습니다.
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

위는 완전한 JS 스크롤 코드입니다. 수직 스크롤을 구현하려면 간단한 수정만 하면 됩니다. 즉, 스타일의 pixTop 속성을 사용하면 됩니다. 천원 블로그에서 발췌