문서의 내용을 아래에서 위로 올리는 스크립트이다. 방문자에게 어떤 일정한 내용을 스크롤링 없이 그냥 보여주고
싶을 경우 적용하면 효과적이다. 하지만 괜히 아무곳에나 이런 것을 적용하면 자동으로 스크롤이 되기 때문에 사용자
임의의 스크롤을 방해해서 짜증나게 할 수도 있으니 주의해야한다.
| HTML Source |
<html>
<head><title>Demo2</title>
// 스크롤이 한 번 끝나면, 자동으로
갱신되서
// 다시 스크롤이 시작되도록하기 위해 메타태그를 사용하고 있다.
// 40은 문서가 브라우져에 로딩된 후 40초후에 갱신을 하라는 의미이미로,
// 스크롤 될 문서의 길이를 감안해서 알맞게 고쳐주면 된다.
// 뒤에 지정된 url은 갱신하면서 로딩할 문서를 의미하는데, 같은 문서를 반복해서
// 로딩하게 하려면, 현재의 문서를 지정해 주면 되고, 다른 문서를 로딩하려면,
// 원하는 문서를 지정해 주면 된다.
<META
HTTP-EQUIV="refresh" CONTENT="40;
url=./script02.html">
<script language=javascript>
<!--
var position = 0;
//스크롤을 시작할 브라우져의 위치(Y좌표)
var endScroll = 500;
//스크롤을 끝낼 브라위져의 위치(Y좌표)
var scrollSpeed = 1;
//스크롤 속도(숫자가 클수록 빨라진다.)
// heaad 태그사이의 제목(Demo2)과
아래 빨간글자 부분을 일치시킨다.
function scroller() {
if (position
< endScroll && document.title == "Demo2")
{
position+=scrollSpeed;
scroll(0,position);
clearTimeout(timer);
var timer = setTimeout("scroller()",10);
timer;
}}//-->
</script>
</head>
<!-- 페이지가 로딩되면서 자동실행을 위해 삽입하는
코드.-->
<body onLoad="scroller()">
.................................
</body>
</html> |
|
|
|
