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代表寬度中的「瓦」：32像素高：32像素。我也有一個角色div，放置在tile div內。

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

當我想將字符div移動到另一個div時，我也想動畫。我怎樣才能做到這一點？

Answer 1

您可以將角色div的不透明度設置爲0，然後將其移動到1，然後將其附加到另一個div後重新設置爲1。這會導致消失的效果。

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

Answer 2

您可以使用淡入淡出效果對角色進行動畫處理。

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