블로그를 다니다가 장문의 포스팅을 보고나면 “상하 스크롤 버튼이 있어으면 좋겠다” 싶을때가 많습니다.
긴말 필요 없고 지금 저의 블로그 빈곳 아무 곳에다 마우스 더블 클릭 한번 해보세요.
최상위로 이동 할겁니다.
다시 한번 하시면 최 하위로 이동 되지요.
어떠세요? 편하지요?
블로그 관리 할때도 상당히 유용하게 사용하고 있습니다.
오늘은 이 소스를 나누고자 합니다.
저도 재아님 포스팅으로 배워습니다.
블로거들께 유용한 정보가 많으니 자주 방문해 주세요.
위 내용을 HTML/CSS에서 <HEAD>와 </HEAD>사이에 넣어주면 됩니다.
상기 내용중 처음 클릭시 위로 가게 하려면 toggle=0; 의 0값을 1로 수정하면 위로 먼저 향하게 됩니다.
긴말 필요 없고 지금 저의 블로그 빈곳 아무 곳에다 마우스 더블 클릭 한번 해보세요.
최상위로 이동 할겁니다.
다시 한번 하시면 최 하위로 이동 되지요.
어떠세요? 편하지요?
블로그 관리 할때도 상당히 유용하게 사용하고 있습니다.
오늘은 이 소스를 나누고자 합니다.
저도 재아님 포스팅으로 배워습니다.
블로거들께 유용한 정보가 많으니 자주 방문해 주세요.
소스내용
<script language='javascript'>
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=99999; toggle=1;
}
else
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
</script>
toggle=0;
document.ondblclick = function(event)
{
if(window.event)
{
EventStatus = window.event.srcElement.tagName;
}
else
{
EventStatus = event.target.tagName;
}
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA')
{
if(toggle==0)
{
var sc=99999; toggle=1;
}
else
{
var sc=0; toggle=0;
}
window.scrollTo(0,sc)
}
}
</script>
상기 내용중 처음 클릭시 위로 가게 하려면 toggle=0; 의 0값을 1로 수정하면 위로 먼저 향하게 됩니다.
'기타 > 블로그' 카테고리의 다른 글
Tistory 하위 메뉴 추가 및 색설정 수정 (0) | 2010.09.16 |
---|---|
T스토리 LINK 모듈 꾸미기 (2) | 2010.09.14 |
블로그 Top 스크롤 만들기 (12) | 2010.09.11 |
Tistory 포스트 제목을 이~~쁘게 (4) | 2010.09.02 |
Tistory 하위 메뉴 추가 및 색 설정 (2) | 2010.08.21 |