Question

我正在创建一个匹配的游戏。游戏使用jQuery工作正常，但我想要做的是让卡片从屏幕上的网格位置移动（飞行）到“找到”堆。可以使用jQuery完成吗？

我目前使用表创建网格。

非常感谢任何帮助。

詹姆斯： - ）

Answer 1

是！

//Call this function on the $img object you want to animate
function match_found($img) {
   $animator = $img.clone();
   $animator
      .css({position: 'absolute', margin: 0 })
      .offset({top: $img.offset().top, left: $img.offset().left})
      .appendTo("body")
   ;
   $img.remove();
   $found_pile = $("#found-pile");
   $animator
      .animate({top: $found_pile.offset().top, left: $found_pile.offset().left });
}

Answer 2

尝试一下这个：

http://api.jquery.com/animate/

你可以获得这个职位 http://jqueryui.com/demos/position/

不确定如何在表格中执行此操作，可能会将卡片放入div中，并在动画制作之前将位置设置为绝对值。然后将其设置为动画，然后在您希望它所在的单元格内设置该div。它将是一系列事件，如animate（）。appendTo（）等。

但除非有人知道更好的主意，否则这可能会让你开始。

jQuery移动图像

2 个答案: