[펌]-고급스런[top]으로 가기 스크립트 정보
javascript [펌]-고급스런[top]으로 가기 스크립트본문
문서가 길 경우 최상단으로 이동시켜주는 버턴들 많이 다시죠?
이 경우 흔히들 아래 소스를 사용하게 됩니다.
href=#
href=#none
href=#top
href=main.html
onclick=reload()
아래 소개하는 스크립트 소스 한번 적용해보세요.
위의 소스와 같이 문서 최상단으로 이동은 하지만
아주 부드럽고 스무스하게 스크롤되면서 이동하는 고급스런 기능입니다.
--------------------------------------------------------------------------------
<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>
<img src="이미지경로" onclick="back_top()" style=cursor:hand alt="최상단으로 이동">
</body>
</html>
이 경우 흔히들 아래 소스를 사용하게 됩니다.
href=#
href=#none
href=#top
href=main.html
onclick=reload()
아래 소개하는 스크립트 소스 한번 적용해보세요.
위의 소스와 같이 문서 최상단으로 이동은 하지만
아주 부드럽고 스무스하게 스크롤되면서 이동하는 고급스런 기능입니다.
--------------------------------------------------------------------------------
<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>
<img src="이미지경로" onclick="back_top()" style=cursor:hand alt="최상단으로 이동">
</body>
</html>
추천
0
0
댓글 전체
자바가 많이 사용되거나 할경우 느려질 수가 있더군요....ㅜ.ㅜ.
이쁘네요... 나중에 적용해봐야겠네요.. 감사합니다.
위 주소로 보니, 정말 리프레쉬가 안되고 이뿌게 잘 동작하네요.^^.back_top()함수를 javascript.js에 포함시키셨나요?그리고, 위 주소를 소스보기를 해서 봤더니, <head>태그가 여러개 있던데요...어케 된건가요? 첨보는 거라 좀 의아하네용...한수 좀 갈쳐주세용...^^
전혀 그런것 못 느끼고 있습니다. 링크에서 테스트 해 보시죠.....
http://bbs.imt2000plaza.com
http://bbs.imt2000plaza.com
그누에서 테스트해보았는데요, 부드럽게 올라간후에 한번 리프레쉬가 되네요...왜 그럴까요?
goooooooooooood. 가져갑니다.
좋네요, 감사합니다.
감사합니다.테스트 해볼곳이 있네요.^^