用js编写,鼠标拖拽特效。

  • 盒子的位置(left和top值)= 鼠标的位置(left和top值)- 鼠标按下时与盒子之间的距离(left和top值)。

  • 编写HTML,设计弹框用于实现拖拽特效。

  • 为拖拽条添加mousedown事件及其处理程序。

  • 处理鼠标移动事件,实现鼠标的拖拽的特效。

  • 处理释放鼠标按键的事件,实现鼠标按钮松开后,弹框不再移动。

css页面代码: