1. 首页
  2. 操作系统
  3. 桌面系统
  4. 可以拖动的div 实现代码第1/2页

可以拖动的div 实现代码第1/2页

上传者: 2020-12-13 06:47:42上传 PDF文件 38.85KB 热度 18次
要实现div的任意拖动,我们不妨分析一下整个过程。 当鼠标点击div时,触发一个事件,让div的位置属性(left,top)随着鼠标位置变化而变化,当鼠标释放后,div的位置属性就用了鼠标释放时的位置。 鼠标点击时触发事件是很容易做到的,只要在div的标签里加上onmouseclick就可以了,现在我们要解决的问题是如何让div的位置随着鼠标的位置变化而变化。 虽然这可能是一个很简单的推理过程,不过还是罗嗦点说清楚吧。div的left和top是div左上角的坐标,当我们把鼠标移到div中点击的时候,无疑鼠标的坐标和div的坐标是不一致的,这时候如果我们简单的让div的坐标等于鼠标的坐标,那么看
用户评论