拖动

 

<! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.01 Transitional//EN " >
< html >
< head >
< meta http - equiv = " Content-Type "  content = " text/html; charset=UTF-8 " >
< title > Insert title here </ title >
</ head >
< script >   
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.getElementById(ms).style.pixelLeft=x+event.x;  
         document.getElementById(ms).style.pixelTop=y+event.y;  
         }  
}   

function   document.onmouseup() ... {  
if(ms)...{  
        //alert(ms);
         event.srcElement.releaseCapture();  
         ms=0;  
         }  
}   
</ script >   

< body >
     < div id = " a1 "  style = " position:absolute;background-color:black; height:200px; width: 50px;  " >
     < div id = " a2 "  onmousedown = " did('a1') "   style = " background-color: #f2f2f2; height:100px; width:30px; cursor: move; " > 拖动层 </ div >
     </ div >
</ body >
</ html >