可拖动的DIV

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
  < HEAD >
   < TITLE >  New Document  </ TITLE >
   < META  NAME ="Generator"  CONTENT ="EditPlus" >
   < META  NAME ="Author"  CONTENT ="" >
   < META  NAME ="Keywords"  CONTENT ="" >
   < META  NAME ="Description"  CONTENT ="" >
   < script  language  = "javascript" > ...    
    var   ms=0;   
    function   did(obj)
    ...{   
        ms=obj;   
        event.srcElement.setCapture();   
        x=document.all(ms).style.pixelLeft-event.x;   
        y=document.all(ms).style.pixelTop-event.y;   
    }   
    
    function   document.onmousemove()
    ...{   
        if(ms)
        ...{   
            document.all(ms).style.pixelLeft=x+event.x;   
            document.all(ms).style.pixelTop=y+event.y;   
        }   
    }   
    
    function   document.onmouseup()
    ...{   
        if(ms)
        ...{   
            event.srcElement.releaseCapture();   
            ms=0;   
        }   
  }   
   </ script >   

  </ HEAD >

  < BODY >
   < div    id =a1    style =position:absolute  onmousedown =did('a1') >  gggggggggggggggggggggg  
  
   </ div >
  </ BODY >
</ HTML >