js 实现鼠标按下 拖动div
来源:互联网 发布:python算法书籍 编辑:程序博客网 时间:2024/06/11 20:08
</pre><pre name="code" class="javascript">//div 拖动 div的IDcontainer.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 拖动
0 0
- js 实现鼠标按下 拖动div
- js 实现鼠标拖动的div层
- js 实现 鼠标拖动DIV 效果
- JS实现鼠标拖动div移动
- js鼠标拖动Div
- JS实现DIV拖动
- js实现div拖动
- 【JS】左键按下鼠标拖动元素div
- js 下div 拖动效果
- JS+DIV 实现拖动效果
- Javascript实现div的鼠标拖动
- 原创鼠标拖动实现DIV排序
- Jquery实现鼠标拖动改变div高度
- 鼠标拖动DIV
- 鼠标拖动Div
- 鼠标拖动透明div
- 鼠标拖动div层
- 鼠标拖动div
- Android开发性能优化简介
- shell 中的if语句
- Singular value decomposition
- CoreAnimation编程指南
- Experience on Namenode backup and restore --- checkpoint
- js 实现鼠标按下 拖动div
- Spring常用命名空间
- iOS学习笔记——iOS应用程序生命周期
- hadoop2.2.0+zookeeper+高可用+完全分布式
- jQuery中的 height innerHeight outerHeight区别
- 黑马程序员--面向对象III--
- android读取系统存储级SD卡存储空间
- c++文件操作总结
- CloudStack运维经验分享