웹마스터 팁
또다른 TOP으로 가기
2003.05.05 10:07
일명 스므스 타입의 톱(TOP) 스크롤 기능 이라 합뎌~
<html>
<head>
<!-- TOP 스크롤 -->
<script>
function back_top()
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;
while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 300);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}
</script>
<!-- TOP 스크롤 -->
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" height="1000"><tr><td></td></tr></table>
<img src="images/data_t.jpg" width="100" height="40" onclick="back_top()" style=cursor:hand alt="꼭대기로 올라갈까요?">
</body>
</html>
단순한 TOP기능으로 주로 사용되어 지는것들...과 비교를 해 보셔도 될듯,,,
href=#
href=#none
href=#top
href=main.html
onclick=reload()
P.S : 켁;;; 출처가 빠져버렸네요,, ^^;; 죄송~
오래돼서 어디서 스크랩 했는지는 모르고,, 아마도 그쪽에서 글거올때 출처지가 미니위니 인가 그랬을 거에요.
출처 예상지 : 미니위니 닷컴.
<html>
<head>
<!-- TOP 스크롤 -->
<script>
function back_top()
{
x = document.body.scrollLeft;
y = document.body.scrollTop;
step = 2;
while ((x != 0) || (y != 0)) {
scroll (x, y);
step += (step * step / 300);
x -= step;
y -= step;
if (x < 0) x = 0;
if (y < 0) y = 0;
}
scroll (0, 0);
}
</script>
<!-- TOP 스크롤 -->
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100%" height="1000"><tr><td></td></tr></table>
<img src="images/data_t.jpg" width="100" height="40" onclick="back_top()" style=cursor:hand alt="꼭대기로 올라갈까요?">
</body>
</html>
단순한 TOP기능으로 주로 사용되어 지는것들...과 비교를 해 보셔도 될듯,,,
href=#
href=#none
href=#top
href=main.html
onclick=reload()
P.S : 켁;;; 출처가 빠져버렸네요,, ^^;; 죄송~
오래돼서 어디서 스크랩 했는지는 모르고,, 아마도 그쪽에서 글거올때 출처지가 미니위니 인가 그랬을 거에요.
출처 예상지 : 미니위니 닷컴.
댓글 6
-
☺
2003.05.05 10:40
-
RedEye
2003.05.05 10:59
^^;; 단순하지만 히스토리에 남고 하나의 링크페이지로 back(-1)인식되어 지죠.. 주소도 지저분해지고,,, -
하이비
2003.05.05 12:49
와우 스크롤이네요;; -
고냉이 콱!
2003.07.01 16:56
하하... 이거 제 홈에서 쓰는데... 무빙 메뉴랑 조합해서 쓰죠...
링크 클릭이 아닌 그냥 위로 스르륵~ 올라가서리.. back으로 인식 안되 좋구... 스크롤이라 더 좋고...
원츄 입니다! -
마지막성지
2003.10.21 21:25
출처 예상지 라,, -
crazy.i
2004.10.15 13:17
와우~ 이거 조아요~
가 제일 단순하네요.