JS拖动div的原理
2015-08-08 10:09
537 查看
要实现移动窗体,首先要捕获三个参数:
1、a = 鼠标点击时的坐标。
2、b = 被移动窗体的左顶点坐标。
3、c = 鼠标移动时的坐标。
然后还要算出你鼠标无论点击窗体哪个位置,移动改变的都是 (d = 窗体左顶点的坐标),计算公式:
d = c - a + b;
因为移动窗体的原理就是改变窗体的左顶点坐标值,计算出上面的坐标公式后,剩下的就是在鼠标移动事件里添加修改窗体左顶点top和left数值的方法。
1、a = 鼠标点击时的坐标。
2、b = 被移动窗体的左顶点坐标。
3、c = 鼠标移动时的坐标。
然后还要算出你鼠标无论点击窗体哪个位置,移动改变的都是 (d = 窗体左顶点的坐标),计算公式:
d = c - a + b;
因为移动窗体的原理就是改变窗体的左顶点坐标值,计算出上面的坐标公式后,剩下的就是在鼠标移动事件里添加修改窗体左顶点top和left数值的方法。
相关文章推荐
- 原生JS焦点轮播图实现
- javascript 调用其他页面的js函数或变量的脚本
- ajax jsonp跨域乱码解决方案
- 【Javascript】好用的js弹层插件,layerUI
- c#中如何在cshtml页面实现js调用cs变量(mvc模式)
- JavaScript权威指南科20章 client记忆
- 用JSON方式回调服务器
- javascript基本知识学习第二天
- jsp页面不直接放在web根目录下面时相关servlet的路径配置
- 利用JavaScript选择GridView行
- JS真假
- 合并运动及透明度框架(含json)
- JavaScript基础----37JS浏览器对象-Screen对象
- JavaScript基础----36JS浏览器对象-Location对象
- JavaScript基础----35JS浏览器对象-History对象
- JavaScript基础----34JS浏览器对象-计时器
- JavaScript基础----33JS浏览器对象-window对象
- JavaScript基础----32JSDOM对象控制HTML元素详解-2
- JavaScript基础----31JSDOM对象控制HTML元素详解-1
- JavaScript基础----30JS内置对象-Math对象