이미지 마우스 드래그로 스크롤을 움직이는 소스

by 조쉬 posted Mar 17, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<script language="JavaScript">
<!--
var pre_x = 0, pre_y = 0;
function set_value()
{
 pre_x = event.x;
 pre_y = event.y;
}

function move()
{
 var delta_x = pre_x - event.x ;
 var delta_y = pre_y - event.y ;
 
 pre_x = event.x;
 pre_y = event.y
 
 window.scrollBy(delta_x,delta_y);
}
//-->
</script>
<!--
이미지 경로 부분
이미지 가로, 세로 크기가 1000인것은 마땅한 큰 이미지가 없어서 그냥 늘린겁니다.. ^^;;
//-->
<title>마우스 드래그로 스크롤을 움직이는 소스</title>
<img src="http://workpicturecom.cafe24.com/site/cafepicture/AT2.jpg" width="1500" height="1122"  onMouseOver="this.style.cursor='move';" onmouseout="this.style.cursor='auto';"  Ondrag="move();"  onMouseDown="set_value();">