고수님들께 부탁합니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

고수님들께 부탁합니다. 정보

고수님들께 부탁합니다.

본문

홈페이지를 제작하다보니....기능들이 너무너무 많습니다. ^^

다른 홈페이지에보면 제일 하단부분에 TOP이라는 버튼(혹은 TEST로 링크)되여있습니다.
당연히 클릭하면 페이지 제일위로 올라오죠.

이 기능 소스나 제작 방법 부탁합니다.
  • 복사

댓글 전체

하얀마음 자기소개 아이디로 검색 회원게시물 08.04.18 11:24:57
하이퍼 링크 연결할때 <a href=#top>위로</a>하시면 됩니다.
너무 간단하죠! 혹시 찾으면 자바스크립트로 만든 top에 관한 자료를 올려 드릴께요!
하얀마음 자기소개 아이디로 검색 회원게시물 08.04.18 11:32:14
TOP버튼을 누르면 맨위로 부드럽게 스크롤 되면서 올라가는 소스
자료는 블루비에서 찾은 것입니다.

<html>
<head>

<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>
</head>

<body>
페이지를 맨 밑으로 스크롤해보면 TOP버튼이 있습니다.<br>
TOP버튼을 누르면 맨위로 부드럽게 스크롤 되면서 올라갑니다.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="http://www.blueb.co.kr/SRC/javascript/image/top.gif" onclick="back_top()" style=cursor:hand>

</body>
</html>
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로