링크 조회 : 378
| 이동대상 1 | 
| 
 제어부분2 
이동대상2 | 
/*========================================
// js_layer_move.js
// 레이어(또는 다른 객체)가 마우스로 이동할 수 있도록 해준다.
//
// ex> js_layer_move(document.getElementById('test1'),document.getElementById('test2'));
// ex> js_layer_move(document.getElementById('test2'));
// ex> js_layer_move([이동을 제어할 대상], [이동할 대상]);
// [이동할 대상] : 정해지지 않으면 [이동을 제어할 대상]이 [이동할 대상] 대상으로 정해진다.
// 저 코드를 실행 후 마우스로 이동시킬 수 있게 된다.
//
// 주의 : 해당 개체의 onmousedown,onmouseup,onmousemove 이벤트에 등록되어있던 함수는 사용할 수 없게된다.
// 이벤트를 중복되게 할 수 있지만, 대상을 이동하는데 방해가 되기 때문에 그냥 제거함.
// 
연계
js_event_anti.js 에서 js_event_anti_stop_event() 를 사용한다.
// mins01,mins,공대여자 
// MSN,NateOn : mins01(at)lycos.co.kr
// 2007-01-30
// 2007-03-31 : 이동대상 따로 지정할 수 있도록 바뀜
// "공대여자는 예쁘다."를 나타내야만 쓸 수 있습니다.
//========================================*/
//해당 개체가 이동이 가능하도록 자동 설정등을 바꿔준다.
function js_layer_move(this_s1,this_s2){ 
//this_s1 : 이벤트를 받을 대상
//this_s2 : 이동을 할 대상 : 없으면 this_s1 과 같게 처리
// this_s1 이 이동처리되면 this_s2 가 이동하는 형식
if(!this_s2){this_s2=this_s1;}
// this_s1.style.position='relative';
 this_s2.style.position='relative';
 this_s1.style.zIndex='9000';
 this_s2.style.zIndex='9000';
 try{
 this_s2.style.left='0px';
 this_s2.style.top='0px';
 }catch(e){}
 this_s1.style.cursor = "move";
 this_s1.onmousedown= function(event){ js_layer_move_down(this_s2,event); }
 this_s1.onmouseup= js_layer_move_up;
 this_s1.onmouseout= js_layer_move_up;
 this_s1.onmousemove= js_layer_move_move;
}
///------------ 마우스로 객체 드래그 
var bdown = false; 
var x, y; 
var js_layer_move_element = null;//이동되는 대상지정
//------------------------------------- 숫자 NaN체커
function changeInt(num){ //수평선 님 추가
    var temp = parseInt(num); if(isNaN(temp)){ temp = 0; }  return temp; 
} 
//------------------------------------ IE/FF 공용처리
function js_layer_move_down(this_s2,e) { 
  var evt = e||window.event;
   js_layer_stop_bubble(evt)
    //js_layer_move_element = evt.target || evt.srcElement ;
 var this_s1 = evt.target || evt.srcElement ;
 js_layer_move_element = this_s2;
    if(this_s1.style.cursor == "move") { 
        bdown = true; 
        x = evt.clientX; 
        y = evt.clientY; 
    } 
} 
function js_layer_move_up() { 
    bdown = false; 
} 
function js_layer_move_move(e) { 
    if(bdown) { 
  var evt = e||window.event;
  js_layer_stop_bubble(evt)
        var distX = changeInt(evt.clientX) - x; 
        var distY = changeInt(evt.clientY) - y; 
        js_layer_move_element.style.left =(changeInt(js_layer_move_element.style.left) + distX)+'px'; 
        js_layer_move_element.style.top  = (changeInt(js_layer_move_element.style.top) + distY)+'px'; 
        x = changeInt(evt.clientX); 
        y = changeInt(evt.clientY); 
        return false; 
    } 
} 
function js_layer_stop_bubble(evt){
 if( typeof(js_event_anti_stop_event)!="function" ){
 return;
 }
 try{
  js_event_anti_stop_event(evt);
 }catch(e){}
}
| 제목 | 
|---|
| [기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) | 
| 유용한 리눅스(LINUX) 명령어 | 
| [공지] 기술 게시판 | 
일  | 
					월  | 
					화  | 
					수  | 
					목  | 
					금  | 
					토  | 
					
				
|---|---|---|---|---|---|---|
| 
						 10.26 
																				 | 
										
						 10.27 
																						
													 | 
										
						 10.28 
																				 | 
										
						 10.29 
																				 | 
										
						 10.30 
																						
													 | 
										
						 10.31 
																				 | 
										
						 11.1 
																				 | 
										
				
| 
						 11.2 
																				 | 
										
						 11.3 
																				 | 
										
						 11.4 
																				 | 
										
						 11.5 
																				 | 
										
						 11.6 
																				 | 
										
						 11.7 
																				 | 
										
						 11.8 
																				 | 
										
				
| 
						 11.9 
																				 | 
										
						 11.10 
																				 | 
										
						 11.11 
																				 | 
										
						 11.12 
																				 | 
										
						 11.13 
																				 | 
										
						 11.14 
																				 | 
										
						 11.15 
																				 | 
										
				
| 
						 11.16 
																				 | 
										
						 11.17 
																				 | 
										
						 11.18 
																				 | 
										
						 11.19 
																				 | 
										
						 11.20 
																				 | 
										
						 11.21 
																				 | 
										
						 11.22 
																				 | 
										
				
| 
						 11.23 
																				 | 
										
						 11.24 
																				 | 
										
						 11.25 
																				 | 
										
						 11.26 
																				 | 
										
						 11.27 
																				 | 
										
						 11.28 
																				 | 
										
						 11.29 
																				 | 
										
				
| 
						 11.30 
																				 | 
										
						 12.1 
																				 | 
										
						 12.2 
																				 | 
										
						 12.3 
																				 | 
										
						 12.4 
																				 | 
										
						 12.5 
																				 | 
										
						 12.6 
																				 |