[티스토리 스킨 수정] 더블클릭 페이지 상하단 이동 본문

잉터테이먼트/후덜덜덜(프로그램/소스)

[티스토리 스킨 수정] 더블클릭 페이지 상하단 이동

서민당총재 2013.01.30 21:11

블로그가 심심해지면 전 티스토리 스킨을 자주 변경하고 지랄하는 편인데...
이번에 또 티스토리 스킨을 수정하게 되었습니다. ㅋㅋ
제가 능력있는 덕후라면 스킨을 모조리 갈아치워버리겠지만 능덕이 아닌 이상 누군가나 만들어준 멋들어진 스킨에 원하는 기능을 조금씩 추가해서 명작을 졸작으로 바꾸는 짓밖에 못하겠더군요 ^ ^;;;

그런데 능덕이 아니라 문제는 제가 어디서 찾아서 해놓고 그게 기억이 안나는 경우가 허다하고 제가 짠 코드가 아니다보니 어디에 뭘 집어넣었는지 기억이 안나기에 문제가 발생합니다.
그 머리나쁨을 보완하고자 이 포스팅을 시작합니다.


마우스 더블클릭 시 페이지 상하단 이동


마우스 더블클릭 시 페이지 상하단 이동의 내용은 아주 신기한 기능입니다. 이 기능은 오늘의 유머때문에 알게된 기능인데 게시물을 확인하는데 아주 편리한 기능입니다.
하지만 이 기능은 오유에 아주 최적화 된 기능이기에 이 서민당에서는 그다지 효율적이지는 않지만 제가 익숙하기에 저의 편함을 위해서 이 기능을 추가했습니다.

<오늘의 유머 - http://todayhumor.co.kr/>


마우스 더블클릭 시 페이지 상하단 이동 적용하기


아래의 소스를 복사해 </head> 위에 삽입하면 그 기능이 작동합니다.

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


아주 간단하게 적용됩니다.
소스를 그저 붙여넣기만 하면 완벽구동되니 어려운 부분이 없어서 편하죠.
하지만 단점이 있는데, 더블클릭에 액션 효과가 일어나기 때문에 트리플 클릭을 이용한 한줄 선택의 기능을 사용할 수 없습니다.

이 기능의 최고의 장점은 하단의 게시물을 쉽게보거나 댓글달기에 아주 유용하 기능입니다.
 
신고
Comments 6
댓글쓰기 폼
Total
14,468,656
Today
135
Yesterday
1,049