Internet 관련 자료
HomePage Backward Forward Post Reply List
Delete Modify
  제목   [JavaScript] Click & Drag 1998/10/07 (13:16)
이름 김효원
번호 35
조회 397
본문 <HTML>
<HEAD>
<TITLE>
HowPC 자바스크립트 예제 : Click & Drag
</TITLE>

<!-- 먼저 다음 부분을 <HEAD> 태그 안에 복사한다. -->

<SCRIPT LANGUAGE="JavaScript">


<!--
var listOfNames="blue,red";
var list=listOfNames.split(",");
var oldX,oldY;
var layer;
function getLayer(e) {
for(i=0;i<list.length;i++) {
 var layrs=document.layers[list[i]];
 if(e.pageX>=layrs.pageX && e.pageX<=layrs.pageX+
 layrs.clip.width && e.pageY>=layrs.pageY && e.pageY<=
 layrs.pageY+layrs.clip.height) {
  layer=document.layers[list[i]];
  oldX=e.pageX;
  oldY=e.pageY;
  begin();
 }
}
}
function begin() {
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=drag;
}
function drag(e) {
layer.offset(e.pageX-oldX,e.pageY-oldY);
oldX=e.pageX;
oldY=e.pageY;
begin();
}
function endDrag(e) {
document.onmousemove=0;
document.releaseEvents(Event.MOUSEMOVE);
}
document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
document.onmousedown=getLayer;
document.onmouseup=endDrag;
//-->


</SCRIPT>

<!-- 여기까지 -->


<BODY BGCOLOR="ffffff">
<!-- 이부분을 <BODY> 태그 안에 복사한다. -->
<layer name="blue" bgcolor=blue clip="30,30" top=30 left=30></layer>
<layer name="red" bgcolor=red clip="30,30" top=35 left=40></layer>
<!-- 여기까지 -->
<br>
주의) 이 자바스크립트는 넷스케이프 네비게이터 4.0 이상에서만 작동합니다.
<br>
<br>
</BODY>
</html>
HomePage Backward Forward Post Reply List
1998 by swindler