对象运动和动作模拟Javascript

Object motion and action simulation Javascript

本文关键字：模拟 Javascript 运动 对象      更新时间：2023-09-26

如何模拟图像和动作的运动像这里?http://kak-iskat.ru/?q=how + + +,

使用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
});

用数学方法定义元素在时间上的位置，用setInterval、setTimeout或requestAnimationFrame逐级更新。

或者你也可以尝试CSS3动画

相关文章：