 |
|
| |
|
  |
17년 전 |
홈페이지에서 사용되는 페이지 위로가기 , 페이지 아래로 가기 자바스크립트 소스입니다.
previl.net 우측 하단에 사용 되었습니다.
function goTop(desy) {
var Timer;
var starty = document.body.scrollTop;
var oriy = 0; //top 위치
var speed = 3;
if(Timer) clearTimeout(Timer);
if(!desy) desy = starty;
desy += (oriy - starty) / speed;
if (desy < oriy) desy = oriy;
var posY = Math.ceil(desy);
window.scrollTo(0, posY);
if((Math.floor(Math.abs(starty - oriy)) < 1)){
clearTimeout(Timer);
window.scroll(0,oriy);
}else if(posY > oriy){
Timer = setTimeout("goTop("+desy+")",1);//올라가는 속도(낮을수록 빠름)
}else{
clearTimeout(Timer);
}
}
function goBottom(desy) {
var Timer;
var starty = document.body.scrollTop;
var oriy = document.body.scrollHeight; //Bottom 위치
var speed = 10;
if(Timer) clearTimeout(Timer);
if(!desy) desy = starty;
desy += (oriy - starty) / speed;
if (desy > oriy) desy = oriy;
var posY = Math.ceil(desy);
window.scrollTo(0, posY);
if((Math.floor(Math.abs(oriy - starty)) < 1)){
clearTimeout(Timer);
window.scroll(0,oriy);
}else if(posY < oriy){
Timer = setTimeout("goBottom("+desy+")",1);//올라가는 속도(낮을수록 빠름)
}else{
clearTimeout(Timer);
}
}
예)
<img src="icon_top.gif" width=13 height=13 border=0 style='cursor:hand' onclick='goTop()' title='위로'> <img src="icon_bottom.gif" width=13 height=13 border=0 style='cursor:hand' onclick='goBottom()' title='아래로'> |
|
 추천 : 418 |
추천
목록
|
|
| |
|
