자바스크립트 질문드립니다. 채택완료

</p>

<p><script type='text/javascript'>

var img_L = 0;

var img_T = 0;

var targetObj;</p>

<p>function getLeft(o){

     return parseInt(o.style.left.replace('px', ''));

}

function getTop(o){

     return parseInt(o.style.top.replace('px', ''));

}</p>

<p>// 이미지 움직이기

function moveDrag(e){

     var e_obj = window.event? window.event : e;

     var dmvx = parseInt(e_obj.clientX + img_L);

     var dmvy = parseInt(e_obj.clientY + img_T);

     targetObj.style.left = dmvx +"px";

     targetObj.style.top = dmvy +"px";

     return false;

}</p>

<p>// 드래그 시작

function startDrag(e, obj){

     targetObj = obj;

     var e_obj = window.event? window.event : e;

     img_L = getLeft(obj) - e_obj.clientX;

     img_T = getTop(obj) - e_obj.clientY;</p>

<p>     document.onmousemove = moveDrag;

     document.onmouseup = stopDrag;

     if(e_obj.preventDefault)e_obj.preventDefault();

}</p>

<p>// 드래그 멈추기

function stopDrag(){

     document.onmousemove = null;

     document.onmouseup = null;

     startDrag(e,obj);

}

</script></p>

<p><div class='left' onmousedown='startDrag(event, this);'  style='width:30%; height:100%; float:left; background-color:#cccccc; margin-left:20px; opacity:0.2;position:absolute;left:0px;top:10px; z-index: 500;'>

    왼쪽

</div></p>

<p>