可拖动的DIV

来源:互联网 发布:全国公路网络shp文件 编辑:程序博客网 时间:2024/05/13 08:32

 

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