javascript 鼠标拖动图标技术_鸿宇娱乐平台【官方网站注册登录】 

常见问题当前位置:鸿宇娱乐 > 常见问题 > >

javascript 鼠标拖动图标技术

  

 鸿宇娱乐平台 
  
var bb=document.getElementById("block");  
bb.onmousedown=function(){  
//获取鼠标当前坐标  
var pageX=event.clientX;  
var pageY=event.clientY;  
//获取block的坐标,左边界和上边界  
var offX=parseInt(this.style.left)||0;  
var offY=parseInt(this.style.top)||0;  
//计算出鼠标坐标相对于block坐标的间距  
var offLX=pageX-offX;  
var offLY=pageY-offY;  
if(!document.onmousemove){  
document.onmousemove=function(){  
bb.style.left=event.clientX-offLX; //设置block的X坐标  
bb.style.top=event.clientY-offLY; //设置block的Y坐标  
}  
}  
}  
document.onmouseup=function(){document.onmousemove=null;} //鼠标弹起  
  

(责任编辑:admin)

上一篇:jQuery实现鼠标选中文字后弹出提示窗口效果【附

下一篇:让AJAX不依赖后端接口实现方案

推荐内容

客户服务热线

010-400-12345

在线客服