이번에 또 티스토리 스킨을 수정하게 되었습니다. ㅋㅋ
제가 능력있는 덕후라면 스킨을 모조리 갈아치워버리겠지만 능덕이 아닌 이상 누군가나 만들어준 멋들어진 스킨에 원하는 기능을 조금씩 추가해서 명작을 졸작으로 바꾸는 짓밖에 못하겠더군요 ^ ^;;;
그런데 능덕이 아니라 문제는 제가 어디서 찾아서 해놓고 그게 기억이 안나는 경우가 허다하고 제가 짠 코드가 아니다보니 어디에 뭘 집어넣었는지 기억이 안나기에 문제가 발생합니다.
그 머리나쁨을 보완하고자 이 포스팅을 시작합니다.
마우스 더블클릭 시 페이지 상하단 이동
마우스 더블클릭 시 페이지 상하단 이동의 내용은 아주 신기한 기능입니다. 이 기능은 오늘의 유머때문에 알게된 기능인데 게시물을 확인하는데 아주 편리한 기능입니다.
하지만 이 기능은 오유에 아주 최적화 된 기능이기에 이 서민당에서는 그다지 효율적이지는 않지만 제가 익숙하기에 저의 편함을 위해서 이 기능을 추가했습니다.
마우스 더블클릭 시 페이지 상하단 이동 적용하기
<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>
아주 간단하게 적용됩니다.
소스를 그저 붙여넣기만 하면 완벽구동되니 어려운 부분이 없어서 편하죠.
하지만 단점이 있는데, 더블클릭에 액션 효과가 일어나기 때문에 트리플 클릭을 이용한 한줄 선택의 기능을 사용할 수 없습니다.
이 기능의 최고의 장점은 하단의 게시물을 쉽게보거나 댓글달기에 아주 유용하 기능입니다.
댓글