拖动

 
<! 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 >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值