<!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>