웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
또다른 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
와우~ 이거 조아요~
제목 | 글쓴이 | 날짜 |
---|---|---|
[JavaScript] 자바스크립트 버튼에 링크 걸기 | SM | 2002.02.24 |
[JavaScript] 마우스 커스 이동만으로 배경색상을 바꾸어보자 | SM | 2002.02.24 |
[JavaScript] 웹문서에 주소창 넣기 스크립트 [4] | SM | 2002.02.24 |
[JavaScript] 창을 열면 인사하는 간단한 스크립트 | SM | 2002.02.24 |
[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 | SM | 2002.02.24 |
자바스크립트로 변수처리하기! | 두기두바 | 2002.02.22 |
폼 항목중 입력하지 않을때 경고창 띄우기 | Topy | 2002.02.22 |
▩마우스 오버시 그림이 진해지는 스크립 | ▩윤미 | 2002.02.21 |
복사 및 오른쪽 버튼 사용금지 스크립트 | Jacylee | 2002.02.21 |
자바 스크립트 인코딩 된것 디코딩 하는 스크립트 [6] | 양창민 | 2002.02.02 |
[JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! [3] | 티르 | 2002.01.24 |
textarea 입력받는 글자수 제한하는 스크립트 [5] | 오기 | 2002.01.17 |
연합뉴스 속보 홈에 다는 코드입니다. [1] | 이환 | 2001.12.28 |
팝업창 다시 안뜨게 하기 [9] | Bassfeel | 2001.12.03 |
페이지마다 타이틀 변경하기 [3] | WOWpc | 2001.10.10 |
오늘 날짜 보여주기 스크립트 [3] | 정후니 | 2001.08.31 |
주소치면 이동하는 스크립트 | gain.ne.kg | 2001.07.27 |
DHTM 을 이용한 마우스 오른쪽의 메뉴 만들기.. [11] | 허진규 | 2001.03.30 |
[Tip] 페이지 이동중이라고 표시해보자~ ^_^ [10] | BiHon | 2001.03.28 |
환상적인 무지개 빛 링크 자바스크립입니다. 마우스만 대면 그냥... [8] | 은하수w | 2001.03.24 |
가 제일 단순하네요.