JavaScript简单拖拽

 <div style="background-color:Red; width:100px; height:100px; border:solid  1px black;position:   absolute;  
                                        top:   150px;   left:   250px;" id="myDrop">
   
    </div>
    <script type="text/javascript">
         var   lTop,   lLeft;
         var   activeElements   =   new   Array();    
        function init()  // 单击时
        {
              if(window.event.srcElement.id=="myDrop")  //window.event.srcElement 事件源
                 {
                         window.event.srcElement.style.borderWidth   =   "4px";
                         lLeft   =   window.event.x;  
                         lTop   =   window.event.y;  
                         activeElements[0] = window.event.srcElement ; //记录事件源
             
                 }
                 else
                 {
                        window.event.srcElement.style.borderWidth   =   "1px";
                 }
              lLeft   =   window.event.x;  
              lTop   =   window.event.y;
              window.status   =   activeElements.length;

        }
        function   moveElement()        //移动结束点
         {  
                 var   i,   dLeft,   dTop,sx,sy;  
                 if(window.event.button   ==   1)  //确定单击事件
                      {  
                         sx   =   window.event.x;   //移动结束点X
                         sy   =   window.event.y;   //移动结束点Y
                         dLeft   =   sx   -   lLeft;   //结束点 - 单击时点
                         dTop   =   sy   -   lTop;    
                      
                         for(var i = 0 ;i <activeElements.length;i++)
                               {
                                     mousemove(activeElements[i], dLeft,   dTop);
                                }
                        
                          lLeft   =   sx;  
                          lTop   =   sy;  
                      }
                         return   false;  
       }  
     function   mousemove(mp,   dLeft,   dTop)   {  
          var   e  
          e   =   mp;  
          e.style.posTop   +=   dTop;  
          e.style.posLeft   +=   dLeft;  
     } 
       function   rfalse()   {  
      return   false;  
  }  
     document.onmousedown = init;
     document.onmousemove   =   moveElement; 
     document.onselectstart   =   rfalse;   
    </script>