读书人

JavaScript 拖放成效

发布时间: 2012-09-07 10:38:15 作者: rapoo

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
[解决办法]
一下子 很难消化啊
[解决办法]
.牛人...
[解决办法]
谢谢楼主

读书人网 >JavaScript

热点推荐