『Web』页面拖动效果 实现图片互换

Question

今天用126邮箱时，突然发现一个效果：
在邮件列表中，可以随意拖动邮件标题；
拖动时显示红叉叉，表示不能释放到对应位置；
当拖动到邮件文件夹时，叉叉变绿勾勾，表示能释放，并移动邮件到对应文件夹中。现，请教大家，有两个图片A、B在不同的位置；
拖动A至B时，互换两个图片；
拖动期间，当能互换时显示绿勾勾，不能互换时显示红叉叉。谢谢~~~

Answer 1

参考
http://jqueryui.com/demos/droppable/

Answer 2

参考 
http://jqueryui.com/demos/droppable/

Answer 3

谢谢楼上两位朋友的回复。
但是那个不是我想要的效果再详细描述一下：有两个图片A、B在同页面的不同的位置； 
拖动A至B时，互换AB两个图片； 
拖动至B以外的任意地方，不换位置，并在MouseUp后，恢复到A的原位置；
拖动期间，当能互换时，光标旁边显示绿勾勾，不能互换时光标旁边显示红叉叉。

Answer 4

之前做防ext grid的时候，有实现过两列之间拖动互换,跟你说的原理应该差不多
大体思路:拖动A图片的时候，clone出一个代理，然后计算下B图片的位置，
当clone的移动到B图片的区域(有自己定误差范围)，则交换A与B的位置，
否则用animate动画处理下clone(隐藏或销毁都可以)