动画在两个div之间移动元素

时间:2013-05-29 03:18:12

标签: javascript jquery html jquery-animate transitions

我想知道我从一个div获取一个元素并将其置于另一个div中的选项是什么,为转换设置动画。父母双方都是位置:绝对,元素是位置相对的。我有一些想法,其中没有一个太干净。似乎没有一种标准的方法可以做到这一点,如果有人对实现这种行为最干净的方法有任何见解,那就很好奇。

我没有当前的实现,但我期待的是捕获元素的当前物理位置...以某种方式确定新父级中的建议位置,从旧父级弹出元素,创建新元素在两个div之外,在这两个点之间转换(左,上),onComplete插入到新父级中。我担心这是我唯一的解决方案。有关可能的简化方法的想法吗?

1 个答案:

答案 0 :(得分:4)

使用jquery .animate。你将动画一个相同大小等的第3个div,从一个到另一个的偏移x和y基本上。

让新div保持与你移动的坐标相同的坐标。

然后在您的脚本中获取您要移动的坐标。左边和上边的动画也是不透明的,你可以在移动然后在回调淡出时使其淡入。

如果您需要密码,请告诉我。

贾德森