当前位置: 源码素材网 » 网页特效 » 菜单特效

jQuery实现层拖动效果类 快速实现拖曳效果

  • TAG:拖动层 时间:2019-12-24 浏览:
  • 一个专用于jquery插件的拖动类插件,用它可快速实现网页上的DIV拖动效果,按住鼠标左键,即可实现DIV层的拖曳效果,真不错的类,这个类的相关说明如下:
      拖曳效果原理:标记拖曳状态dragging ,坐标位置iX, iY
      mousedown:fn(){dragging = true, 记录起始坐标位置,设置鼠标捕获}
      mouseover:fn(){判断如果dragging = true, 则当前坐标位置 - 记录起始坐标位置,绝对定位的元素获得差值}
      mouseup:fn(){dragging = false, 释放鼠标捕获,防止冒泡}

相关特效代码

网页特效下载区