상.하 이동 스크립트
DESIGN/스킨수정팁
2009/03/26 13:55
포스팅을 하다보면 내용이 길어질때가 한 두번이 아닙니다.
긴 내용일수록 좋은 팁입니다.
이글은 오래전의 글입니다. 블로그에 다른 팁들도 참고하시기 바랍니다.
블로그나 홈페이지에서 위 . 아래로 이동하는 것은 아래처럼 자바스크립트를 이용한것도 있고 단순이 앵커태그를 이용해서 할 수도 있습니다.
본문 아무곳에서나 더블클릭하면 페이지 상하단으로 이동하는 자바스크립트 입니다.
자 내용은 이렇습니다.
<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"> 몇 줄 아래에 보시면 있을겁니다.
못찾겠다 하시는 분은 티스토리 홈페이지 치환자를 참고하세요.
그냥 간단하게 <head> 와 </head> 사이에 스크립트를 넣으면 됩니다.
이전게시물
[스킨] - whiteboard 스킨변경후 해야할것과 한것
[스킨] - 사이드바 활용 태그
[블로그] - 위젯을 활용해보자
[스킨] - Naming Guidelines
[스킨] - 스킨가이드 style.css
[스킨] - 스킨가이드 치환자
[스킨] - whiteboard 스킨변경후 해야할것과 한것
[스킨] - 사이드바 활용 태그
[블로그] - 위젯을 활용해보자
[스킨] - Naming Guidelines
[스킨] - 스킨가이드 style.css
[스킨] - 스킨가이드 치환자
Trackback Address :: http://demun.tistory.com/trackback/195
-
Subject: 블로그 팁 - 긴 본문에서 마우스로 간단하게 이동하는 법
당신의 블로그 포스트는 아래와 같은 경우에 해당되지 않는지요 1. 도서 리뷰와 같이 긴 글은 아닌가요. 2. 수 많은 사진으로 꾸며진 긴 글은 아닌가요. 3. 혹은 유명 블로거라서 댓글이 주렁주렁 달린 글은 아닌가요. 4. 이도저도 아니면 중간 중간에 삽입된 광고로 글의 끝을 모를 지경은 아닌가요. 만일 위와 같은 경우가 하나 이상 해당된다면, 방문자의 수고로움을 덜어주어야 할 것 같은데요. 오늘 마침 좋은 블로그 팁을 발견하여 소개합니다. 물론 최..
