var dragapproved=false; function drag() 

   if(!document.all) 
   { 
      return; 
   } 
   if(event.srcElement.className=="myClass") 
   { 
      dragapproved=true; 
      var obj=event.srcElement; 
      var tempX=obj.style.pixelLeft; 
      var tempY=obj.style.pixelTop; 
      var x=event.clientX; 
      var y=event.clientY; 
      document.onmousemove=move; 
      function move() 
      { 
         if(event.button==1 && dragapproved) 
         { 
            obj.style.pixelLeft=tempX+event.clientX-x; 
            obj.style.pixelTop=tempY+event.clientY-y; 
            return false; 
         } 
      } 
   } 

document.onmousedown=drag; 
document.onmouseup=new Function("dragapproved=false"); <div class="myClass" style="position:absolute;top:200px;left:200px;width:200px;background-color:orange;" onmouseover="this.style.cursor= 'move ';" >請拖動我 </div > 
------------------- 
請記得給這個div設置絕對位置.
====================================================================
這段代碼試試.

解决方案 »

  1.   

    obj.style.left = parseInt(obj.style.left.replace("px","")) + (x - oldX);
    obj.style.top = parseInt(obj.style.top.replace("px","")) + (y - oldY);
    -->
    obj.style.pixLeft = parseInt(obj.style.pixLeft.replace("px","")) + (x - oldX);
    obj.style.pixTop = parseInt(obj.style.pixTop.replace("px","")) + (y - oldY);
      

  2.   

    HonorsOffice 的方法很好我上面那个问题出在哪了?按理说应该行啊