将jQuery设置为新div的动画

将jQuery设置为新div的动画,jquery,Jquery,我有几个div设置 <div class="terrain water"></div> <div class="terrain water"></div> <div class="terrain water"></div> <div class="terrain water"></div> 每个div代表一个宽度为32px高度为32px的“平铺”。我还有一个角色div,它放在tile di

我有几个div设置

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

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

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

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

每个div代表一个宽度为32px高度为32px的“平铺”。我还有一个角色div,它放在tile div的内部

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


当我想将角色div移动到另一个div时,我还想设置动画。我该怎么做呢?

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

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

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

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

可以使用淡入效果设置角色动画

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

可以使用淡入效果设置角色动画

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

这一点并不清楚。请更清楚一点。你想制作什么动画?移动淡入/淡出?二者都想让它做一个后仰吗?我想给某种运动设置动画。如何将角色div移动到另一个div?我使用的是这个,一点也不清楚。请更清楚一点。你想制作什么动画?移动淡入/淡出?二者都想让它做一个后仰吗?我想给某种运动设置动画。你如何将角色div移动到另一个div?我正在使用