<style> <!-- .drag{position:relative;cursor:hand} --> </style> <script language="JavaScript1.2"> <!-- var ie=document.all var ns6=document.getElementById&&!document.all var dragapproved=false var z,x,y function move(e){ if (dragapproved){ z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y return false } } function drags(e){ if (!ie&&!ns6) return var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.className!="drag"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.className=="drag"){ dragapproved=true z=firedobj temp1=parseInt(z.style.left+0) temp2=parseInt(z.style.top+0) x=ns6? e.clientX: event.clientX y=ns6? e.clientY: event.clientY document.onmousemove=move return false } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script>

<img src="test.gif" class="drag">

<div class="drag">ข้อความ</div>