对象运动和动作模拟Javascript

Question

如何模拟此处的图像和动作的动作？ http://kak-iskat.ru/?q=how+to+do+that

Answer 1

只需在数学上定义元素在时间方面的位置，然后使用setInterval，setTimeout或requestAnimationFrame逐步更新元素。

或者你也可以试试CSS3动画。

Answer 2

使用jquery animate()

$('.my_element').animate({"0px", left: "0px"}, 2000, function (s) {
    // Animation is finished
});

这会将元素设置为屏幕左上角的动画。

您还可以使用position()

获取要为元素设置动画的元素的位置

p = $(".other_element").position();
$('.my_element').animate({top: p.top + "px", left: p.left + "px"}, 2000, function (s) {
    // Animation is finished
});