¼Ò½º
¾Æ·¡ À̹ÌÁö¸¦ µå·¡±× Çغ¸¼¼¿ä<br>
<img src="/images/helper/smp_400_09.jpg" style="position:relative; top:0; left:0; cursor:move" onmousedown="startDrag(event, this)">
<img src="/images/helper/smp_400_13.jpg" style="position:relative; top:0; left:0; cursor:move" onmousedown="startDrag(event, this)"><br>
<img src="/images/helper/smp_400_16.jpg" style="position:relative; top:0; left:0; cursor:move" onmousedown="startDrag(event, this)">
<img src="/images/helper/smp_400_21.jpg" style="position:relative; top:0; left:0; cursor:move" onmousedown="startDrag(event, this)"><br>
<span style="position:relative; top:0; left:0; cursor:move" onmousedown="startDrag(event, this)">
<img src="http://blogfile.paran.com/BLOG_720332/200810/1225201748_Image1.jpg">
<img src="http://blogfile.paran.com/BLOG_720332/200810/1225201748_Image1.jpg"><br>
ÀÌ·¸°Ôµµ »ç¿ëÀÌ µË´Ï´Ù~
</span>
<script language="JavaScript">
<!--
var img_L = 0;
var img_T = 0;
var targetObj;
function getLeft(o){
return parseInt(o.style.left.replace('px', ''));
}
function getTop(o){
return parseInt(o.style.top.replace('px', ''));
}
// À̹ÌÁö ¿òÁ÷À̱â
function moveDrag(e){
var e_obj = window.event? window.event : e
targetObj.style.left = e_obj.clientX + img_L;
targetObj.style.top = e_obj.clientY + img_T;
return false;
}
// µå·¡±× ½ÃÀÛ
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;
document.onmousemove = moveDrag;
document.onmouseup = stopDrag;
if(e_obj.preventDefault)e_obj.preventDefault(); // IE °¡ ¾Æ´Ñ ºê¶ó¿ìÀú¿¡¼ ¾¸ (¿ëµµ´Â -_-?)
}
// µå·¡±× ¸ØÃß±â
function stopDrag(){
document.onmousemove = null;
document.onmouseup = null;
}
//-->
</script>
|