实现拖拽效果
- HTML代码：先来个div
- CSS代码：简单的给个样式，加上相对定位。
- JS代码
先获取到元素节点，声明一个变量（记录鼠标在元素中的位置），添加click事件，将点击时鼠标在元素中的位置赋值给变量，添加mousemove事件，当鼠标移动时，元素的left值为鼠标的位置减去之前记录的变量值。鼠标抬起时，停止移动，将mousemove变为null。
- JQ代码
先获取到元素节点，声明一个变量（记录鼠标在元素中的位置），添加click事件，将点击时鼠标在元素中的位置赋值给变量，添加mousemove事件，当鼠标移动时，元素的left值为鼠标的位置减去之前记录的变量值。鼠标抬起时，停止移动，将mousemove变为null。