웹마스터 팁
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
와우~ 이거 조아요~
제목 | 글쓴이 | 날짜 |
---|---|---|
[PHP 동영상강좌] 14. 여러개의 파일을 거쳐서 값전달하기 [7] | 서기 | 2005.11.23 |
[PHP 동영상강좌] 13. IF문을 이용한 수우미양가 출력하기 [10] | 서기 | 2005.11.23 |
[PHP 동영상강좌] 12. IF문의 사용 [6] | 서기 | 2005.11.23 |
[PHP 동영상강좌] 11. 메일 발송하기 [16] | 서기 | 2005.11.23 |
[PHP 동영상강좌] 10. 그외의 form관련 태그들 [16] | 서기 | 2005.11.22 |
[PHP 동영상강좌] 9. form태그를 이용한 값의 전달 [15] | 서기 | 2005.11.22 |
[PHP 동영상강좌] 8. Get방식의 전달과 테이블, 스타일태그의 사용 [13] | 서기 | 2005.11.22 |
[PHP 동영상강좌] 7. Get방식을 이용한 변수의 전달 [12] | 서기 | 2005.11.22 |
[PHP 동영상강좌] 6. Hello PHP [14] | 서기 | 2005.11.22 |
[PHP 동영상강좌] 5. 웹서버/웹브라우져/PHP란 무엇인가 [12] | 서기 | 2005.11.17 |
[PHP 동영상강좌] 4. 스타일 시트 [17] | 서기 | 2005.11.17 |
[PHP 동영상강좌] 3. 테이블 태그의 심화 [10] | 서기 | 2005.11.17 |
[PHP 동영상강좌] 2. 하이퍼링크, 테이블태그의 사용방법 [15] | 서기 | 2005.11.17 |
[PHP 동영상강좌] 1. HTML이란 무엇인가! [22] | 서기 | 2005.11.17 |
주민등록번호 진위확인 [5] | 엔시™ | 2005.11.08 |
예전에 책원고로 만들었던것인데 필요한분 사용하세요 [7] | 유창화 | 2005.10.22 |
이쁜 달력소스입니다. [2] | 최문혁 | 2005.09.05 |
자기계정에서 file()가 잘안될때.... [5] | 이진환님 | 2005.08.18 |
일년치 달력을 한꺼번에 보자!!! [4] | 未淚 | 2005.08.07 |
효율적인 경로 지정하기 [9] | 대류 | 2005.07.27 |
가 제일 단순하네요.