日期:2014-05-16  浏览次数:20315 次

JavaScript 拖放效果
拖放效果,也叫拖拽,学名Drag-and-drop ,是最常见的js特效之一。
如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。
这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。
虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误,某些需求需要实现,就像自己学习的知识那样。

这里考虑到有的人可能只需要简单的拖放,所以有一个简化版的拖放SimpleDrag,方便学习。

完整实例下载

程序说明

------解决方案--------------------
楼主发这么多不容易,一定要顶下~~~~
------解决方案--------------------
不错,学习一下。
------解决方案--------------------

------解决方案--------------------
Mark 一直在找比较容易看懂的细节注意比较好的拖动!~
------解决方案--------------------
顶上去

抢分
------解决方案--------------------
呵呵 顶
------解决方案--------------------
mark
------解决方案--------------------
ding
------解决方案--------------------
很详细啊 赞
------解决方案--------------------
吼吼,楼主辛苦了。学习了~
------解决方案--------------------
接分 学习
------解决方案--------------------
为什么我只能连发两贴啊
------解决方案--------------------
真值得学习
------解决方案--------------------
接分
------解决方案--------------------
楼主发这么多不容易,一定要顶下~~~~
------解决方案--------------------
楼主分享了很多好东西,值得学习。
------解决方案--------------------
好东西,学习学习
------解决方案--------------------
支持中...
------解决方案--------------------
好东西,努力学习。
------解决方案--------------------
我点了“水平锁定”,之后点“取消锁定”,没有效果还是被锁定,只能通过“复位”按钮。
“取消锁定”只是针对“范围锁定”的?
------解决方案--------------------
探讨
那个取消锁定是针对范围锁定的
忘了说明了

------解决方案--------------------
支持。。
------解决方案--------------------
支持...学习了
------解决方案--------------------
不错的效果
------解决方案--------------------
up and jf
------解决方案--------------------
这样的好咚咚,立挺
------解决方案--------------------
顶一下!
------解决方案--------------------
不能不顶
------解决方案--------------------
gx
------解决方案--------------------
顶下先
------解决方案--------------------
友情帮顶~