상.하 이동 스크립트

블로그 운영자가 알아야 할 방문자를 위한 태그

포스팅을 하다보면 내용이 길어질때가 한 두번이 아닙니다.
긴 내용일수록 좋은 팁입니다.

이글은 오래전의 글입니다. 블로그에 다른 팁들도 참고하시기 바랍니다. 
블로그나 홈페이지에서 위 . 아래로 이동하는 것은 아래처럼 자바스크립트를 이용한것도 있고 단순이 앵커태그를 이용해서 할 수도 있습니다.

본문 아무곳에서나 더블클릭하면 페이지 상하단으로 이동하는 자바스크립트 입니다.


자 내용은 이렇습니다.


<script language=javascript>
<!--
toggle=0;
function dblclick() {
    if (toggle==0) {
        var sc=99999; toggle=1;
    } else {
        var sc=0; toggle=0;
    }
    window.scrollTo(0,sc);
}
if (document.layers) {
    document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
    if (IE) { // grab the x-y pos.s if browser is IE
        tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;
    } else { // grab the x-y pos.s if browser is NS
        tempX = e.pageX;
        tempY = e.pageY;
    }
    if (tempX < 0){tempX = 0;}
    if (tempY < 0){tempY = 0;}
    return true;
}
// -->
</script>

위의 자바 스크립트를 스킨 - HTML/CSS 편집으로 가셔서 <HEAD> 와 </HEAD> 사이에 넣으면 됩니다.

참고로 "내 블로그는 본문에서 더블 클릭하면 페이지 상하단으로 이동합니다" 라는 멘트를 달아두면 더 좋다고 생각됩니다.
이런것들 하나 하나가 방문자를 위한 배려라고 생각됩니다.

혹 위에 자바스크립가 안보이거나 복사가 안되시면 아래 파일을 받으세요.


상하페이지 이동 스크립트.txt


안내 멘트를 써 넣으실때는 본인의 블로그 디자인에 따라서 적절히 배치를 하면 됩니다.
만약 저 처럼 본문 제목 상단에 배치를 하실려면 <div id="content">   아래에 배치하면 됩니다.
스킨에 따라서 약간씩 다를수 있겠으나 <div id="content">   위치는 <div id="header">   몇 줄 아래에 보시면 있을겁니다.
못찾겠다 하시는 분은 티스토리 홈페이지 치환자를 참고하세요.

저작자표시 비영리 변경금지
개    개