网页中的拖放功能

Question

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
 {
  if (event.button==1&&dragapproved) 
   {
    eventsource.style.pixelLeft=temp1+event.clientX-x
    eventsource.style.pixelTop=temp2+event.clientY-y
    return false
   }
 }
function drags()
 {
  if (!document.all)
  return
  if (event.srcElement.className=="drag") 
   {
    dragapproved=true
    eventsource=event.srcElement
    temp1=eventsource.style.pixelLeft
    temp2=eventsource.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
   }
 }
document.onmousedown=drags   
document.onmouseup=new Function("dragapproved=false")
</script>
<div style="font-family:DextorOutD;font-size: 9pt;width:100px;height:300px;border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red" class=drag>
bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>
</div>

Answer 1

<Img style="position:absolute; cursor:move;" ondragstart="this.style.top = event.clientY; this.style.left = event.clientX;">