한국어
<div id="marquees"> <!-- 자막 내용이며 임의로 정의할 수 있습니다.--> <a href="#">링크 1</a> <br> <a href=" #"> 링크 2</a> <br> <a href="#">링크 3</a> <br> <a href="#">링크 4</a> <br> <!-- 자막 내용 끝 --> </div> <!-- 다음은 자바스크립트 코드입니다 --> <script 언어="javascript"> <!-- marqueesHeight=200; //콘텐츠 영역의 높이stopscroll= false; //이 변수는 Scroll with(marquees){ noWrap=true; //이 테이블 내용 영역은 자동으로 래핑되지 않습니다. //따라서 너비를 0으로 설정할 수 있습니다. 늘어납니다 style.height=marqueesHeight ; //스크롤 막대가 보이지 않습니다. onmouseover=new Function("stopscroll=true") //마우스가 스크롤을 멈춥니다. onmouseout=new Function("stopscroll =false"); //마우스가 나가면 스크롤이 시작됩니다.} //이때 콘텐츠 영역의 높이를 읽을 수 없습니다. 다음은 보이지 않는 레이어 "templayer"를 출력하고 나중에 해당 레이어에 콘텐츠를 복사합니다. document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ //스크롤 콘텐츠 초기화 //"templayer"의 높이가 콘텐츠 영역의 높이보다 커질 때까지 원본 콘텐츠를 "templayer"에 여러 번 복사합니다. while(templayer.offsetHeight< marqueesHeight){ templayer.innerHTML+=marquees.innerHTML } //"templayer"의 콘텐츠를 원래 콘텐츠 영역에 다시 복사합니다. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; call "scrollUp()" 함수 기반 스크롤 막대: setInterval("scrollUp()",20) } document.body.onload=init; preTop=0; //이 변수는 스크롤 막대에 도달했는지 확인하는 데 사용됩니다. end function scrollUp(){ //스크롤바 구동 함수 if(stopscroll==true) return; //변수 "stopscroll"이 true이면 스크롤을 중지합니다. preTop=marquees.scrollTop; //스크롤하기 전 스크롤바 위치를 기록합니다. marquees.scrollTop+=1; //스크롤 막대를 한 픽셀 아래로 이동합니다. //스크롤 막대가 이동하지 않으면 현재 화면과 동일한 위치까지 위로 스크롤합니다. //그뿐만 아니라 한 픽셀 아래로 스크롤합니다( +1): if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1 } } --> </script>
