인터넷정보

문서의 자동 스크롤 소스

알 수 없는 사용자 2007. 10. 17. 13:06
head 부분에 삽입  
<title>scroll</title>
<META HTTP-EQUIV="refresh" CONTENT="50; url=main3.htm">
<SCRIPT language=javascript>
var position = 0;
var endScroll = 500;
var scrollSpeed = 1;
function scroller() {
        if (position < endScroll && document.title == "scroll") {
                position+=scrollSpeed;
                scroll(0,position);
                clearTimeout(timer);
                var timer = setTimeout("scroller()",10); timer;
        }
}
</SCRIPT>
// 스크롤이 한 번 끝나면, 자동으로 갱신되서 다시 스크롤이 시작되도록하기 위해
// 메타태그를 사용하고 있다. 50은 문서가 브라우져에 로딩된 후 50초후에 갱신을 하라는
// 의미로, 스크롤 될 문서의 길이를 감안해서 알맞게 고쳐주면된다.
// 뒤에 지정된 url은 갱신하면서 로딩할 문서를 의미하는데, 같은 문서를 반복해서
// 로딩하게 하려면, 현재의 문서를 지정해 주면 되고, 다른 문서를 로딩하려면,
// 원하는 문서를 지정해 주면 된다.
// var scrollSpeed = 1 여긴 스크롤 속도를 지정해 주면 된다.
// head태그사이의 타이틀 제목(scroll)과 아래 빨간 글자 부분을 일치시켜 주어야 한다.

body부분에 삽입
<body onLoad="scroller()">
반응형