jQuery动画到一个新的div

Question

我有几个div设置。

<div class="terrain water"></div>

<div class="terrain water"></div>

<div class="terrain water"></div>

<div class="terrain water"></div>

每个div代表宽度为“tile”：32px height：32px。我还有一个角色div，它位于tile div内。

<div class="terrain water"><div class="character"></div></div>

当我想将字符div移动到另一个div时，我也想要动画。我怎么能这样做？

Answer 1

您可以先将角色div的不透明度设置为0，然后移动它，然后在将其附加到其他div后将其设置为1。这会产生消失的效果。

$(".character").animate({"opacity":0}, 1000).appendTo("Your other div").animate({"opacity":1},1000);

Answer 2

你可以使用淡入淡出效果为角色设置动画。

$(".character").fadeOut().appendTo("Your other div").fadeIn();