上例【JavaScript中使用zDragDrop实现拖放功能】演示了使用zDragDrop库实现拖放，但是如果不依赖任何库自行开发出拖放效果的话还是有点麻烦的。这里先介绍一种通过鼠标事件实现模拟拖放效果的办法。
1.先看如下效果：
这个仅仅实现了div跟随鼠标移动的效果。
再看下面的例子：
运行时发现Div左上角总与鼠标指针对齐。优化一下先：
这样感觉舒坦一点了。哈哈。
基于以上方法就可以模拟出拖放效果了。请看代码演示：
注意，上面用的js库eventutil.js代码：
上例【JavaScript中使用zDragDrop实现拖放功能】演示了使用zDragDrop库实现拖放，但是如果不依赖任何库自行开发出拖放效果的话还是有点麻烦的。这里先介绍一种通过鼠标事件实现模拟拖放效果的办法。
1.先看如下效果：
这个仅仅实现了div跟随鼠标移动的效果。
再看下面的例子：
运行时发现Div左上角总与鼠标指针对齐。优化一下先：
这样感觉舒坦一点了。哈哈。
基于以上方法就可以模拟出拖放效果了。请看代码演示：
注意，上面用的js库eventutil.js代码：