对象运动和动作模拟Javascript

如何模拟像这里这样的图像和动作的运动

只需根据时间以数学方式定义元素的位置，并使用

setInterval

、

setTimeout

或

requestAnimationFrame

逐步更新它们

或者您也可以尝试CSS3动画。

使用jquery

这将在屏幕左上角设置元素的动画

还可以通过使用获取要为元素设置动画的元素的位置

---

描述您的需求、请某人为您编写代码或解释如何编写代码的问题与堆栈溢出无关。请确定有关编程的特定问题。包括尝试的解决方案，解释结果与期望结果的差异，以及您收到的任何错误消息。请仔细阅读这一页并阅读。

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

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