본문 바로가기

javascript

NC 전용 마우스로 이미지,텍스트 끌기

[스크립트]

<STYLE>

        A {text-decoration: none; color: firebrick}
</STYLE>
<SCRIPT language="javascript1.2">

  

current_object = null;
last_object = null;
objectX = 0;
objectY = 0;

function key_press(e) {
        last_object.zIndex=5;  
}

function begin_event(object,e) {
                current_object = object;
                objectX = e.pageX;
                objectY = e.pageY;
                window.captureEvents(Event.MOUSEMOVE);

}
function drag_event(e) {
        if (current_object != null) {
                current_object.left = current_object.left + (e.pageX - objectX);
                current_object.top = current_object.top + (e.pageY - objectY);
                objectX = e.pageX;
                objectY = e.pageY;
        }
        return false;
}

function end_event() {
        window.releaseEvents(Event.MOUSEMOVE);
        last_object = current_object;
        current_object = null;
}

window.onmousemove=drag_event;
document.captureEvents(Event.DBLCLICK);
document.ondblclick = key_press;

</SCRIPT>
</HEAD>
<BODY BGCOLOR=White>

        <DIV id="theblock" style="position: absolute;top: 50px; left: 20px; width:300px ">
        <a href="" onmousedown="begin_event(theblock,event);return false"onmouseup="end_event();return false">
        여기도 끌어 보세요..</DIV>


         <DIV id="kiss1" style="position: absolute;top:100px; left: 100px;">
        <a href="" onmousedown="begin_event(kiss1, event);return false"
        onmouseup="end_event();return false">
        <img src="http://bora.dacom.co.kr/~adamite/CLIPARTS/clipart/!kiss_1.gif" border=0></a></DIV>

        <DIV id="kiss2" style="position: absolute;top:200px; left: 100px;">
        <a href="" onmousedown="begin_event(kiss2, event);return false"
        onmouseup="end_event();return false">
        <img src="http://bora.dacom.co.kr/~adamite/CLIPARTS/clipart/!nokis_s.gif" border=0></a></DIV>
        
        <DIV id="kiss3" style="position: absolute;top:100px; left: 350px;">
        <a href="" onmousedown="begin_event(kiss3, event);return false"
        onmouseup="end_event();return false">
        <img src="http://bora.dacom.co.kr/~adamite/CLIPARTS/clipart/!nokis_t.gif" border=0></a></DIV>