JavaScript 拖放成效

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

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

完整实例下载

程序说明

[解决办法]
楼主发这么多不容易，一定要顶下~~~~
[解决办法]
不错，学习一下。
[解决办法]
占
[解决办法]
Mark 一直在找比较容易看懂的细节注意比较好的拖动！~
[解决办法]
顶上去

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

探讨

那个取消锁定是针对范围锁定的
忘了说明了

[解决办法]
支持。。
[解决办法]
支持...学习了
[解决办法]
不错的效果
[解决办法]
up and jf
[解决办法]
这样的好咚咚，立挺
[解决办法]
顶一下！
[解决办法]
不能不顶
[解决办法]
gx
[解决办法]
顶下先
[解决办法]
友情帮顶~

[解决办法]
学习
[解决办法]
谢谢啊
学习哦
[解决办法]
好东西，收藏一下
[解决办法]
不错啊，下了
[解决办法]
mark～～
[解决办法]
学习了。收藏
[解决办法]
好东西。。学习了。。
[解决办法]

探讨

学习了。收藏

[解决办法]
厉害~学习了
[解决办法]
好东西，努力学习。
[解决办法]
我啥时也能写出来呢，呵。
[解决办法]
同意

[解决办法]
我以前也写过类似的拖动。
我写的是拖动图片，实现类似Google在线地图那样的效果。
不过我的比起Google的来，差太远。
有以下几点尚需完善：
1.火狐下，拖动时，会下载保存图片
2.图片就一个文件，不像Google那样使用很多小图片拼合而成，所以图片太大时，会影响效率。
[解决办法]
对于经典
绝对收藏
[解决办法]
很好，谢谢楼主与大家一起分享这么好的东西！
[解决办法]
楼主辛苦了，
向高手敬礼！！
[解决办法]
顶一下先
[解决办法]
kankan
[解决办法]
顶你~! 值得学习!
[解决办法]
你太帅了！
[解决办法]
的确很不错
不过我也写过这样的东西
[解决办法]
楼主好人啊 感动ing
[解决办法]
楼主好人啊 感动ing
[解决办法]
楼主好人啊 感动ing
[解决办法]
MARK
[解决办法]
好强大哦................
[解决办法]
多谢分享
[解决办法]
3Q
[解决办法]
顶
[解决办法]
楼主你可太有才了!
[解决办法]
留名


[解决办法]
友情up
[解决办法]
ding

[解决办法]
楼主辛苦啦，讲的很详细，谢谢您的分享
[解决办法]
恩 好东西哦 很有感觉
[解决办法]
mark
[解决办法]
一下子 很难消化啊
[解决办法]
.牛人...
[解决办法]
谢谢楼主

查看更多 下一篇