js 实现鼠标按下 拖动div
2014-06-13 16:05
706 查看
</pre><pre name="code" class="javascript"> //div 拖动 div的ID container.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() { container.style.left = event.clientX - offLX; //设置block的X坐标 container.style.top = event.clientY - offLY; //设置block的Y坐标 } } } document.onmouseup = function() { document.onmousemove = null; } //鼠标弹起 //div 拖动
相关文章推荐
- js 鼠标拖动对象 可让任何div实现拖动效果
- js 实现鼠标拖动的div层
- js 实现 鼠标拖动DIV 效果
- js 鼠标拖动对象 可让任何div实现拖动效果
- js 实现鼠标拖动的div层
- JS实现鼠标拖动div移动
- 一个实现鼠标拖动层移动的JS实例
- js实现div跟谁鼠标悬浮移动显示
- 鼠标拖动层(可任意绑定DIV标签)的两种实现方法
- 用js实现鼠标拖动控制td宽度
- js实现可拖动div的代码
- Js实现无刷新添加新层,拖动DIV层可互换位置丨www.CsrCode.cn
- js鼠标拖动Div
- JS+DIV实现鼠标划过切换层效果
- JS 鼠标拖动效果实现
- 使用JavaScript和DIV实现WebGIS中的鼠标拖动绘制矩形
- JS实现DIV拖动
- js实现的八点拖动修改div大小的代码
- 代码短小的js div层拖动实现代码[兼容IE与Firefox]
- 转载一个js实现div拖动效果