2021-06-28

开发工具与关键技术： jquery
撰写时间：2021/6/28

效果图如下图所示：

一、HTM代码我就设置了一个div标签

二、CSS代码

1.给div设置个宽300px、高300px、背景颜色粉红色、设置个绝对定位

三、jquery

1.我这里引用了jquery的插件
2.给div分别绑定鼠标按下事件和鼠标松开事件是。
3.首先我们要获取到鼠标在div中的top值和left值，所以就要用鼠标的坐标x和y分别减掉div的偏移值top和left,这样就拿到了鼠标在div中的x和y值了。
4.当按下再移动的话，就会触发移动事件，再次用鼠标的坐标x和y减去上面所得到的鼠标在div中的top和left值，这样我们就得到了div的top值和left值。因为上面设定的是绝对定位，所以就把所得到的top和left的值分别给到绝对定位。
5.当鼠标松开，就把所有的事件给清除掉就好了。