第一步:首先封装一下函数简化操作
第二步: 创建一个窗口,给他加上CSS样式:其中,很重要的一步一定要设置需要拖动元素的position为absolute。
第三步:创建鼠标事件的第一个函数获取鼠标的当前位置坐标以备后用。
第四步:创建鼠标事件第二个函数检测鼠标移动距离,并且需要拖动窗口的left、top值来实现拖动效果。
第五步:创建鼠标事件第三个函数,当鼠标放开时标记窗口为不可拖动状态。
第六步:效果图。不能发动态图。
第一步:首先封装一下函数简化操作
第二步: 创建一个窗口,给他加上CSS样式:其中,很重要的一步一定要设置需要拖动元素的position为absolute。
第三步:创建鼠标事件的第一个函数获取鼠标的当前位置坐标以备后用。
第四步:创建鼠标事件第二个函数检测鼠标移动距离,并且需要拖动窗口的left、top值来实现拖动效果。
第五步:创建鼠标事件第三个函数,当鼠标放开时标记窗口为不可拖动状态。
第六步:效果图。不能发动态图。