jquery - jquery初学者动画img从一个地方到另一个地方（直线或曲线）

Question

我真的很想学习如何使用 jquery 更好地制作动画。不只是标准淡入淡出等...

所以我有 div#1 ，我可以通过 jquery .offset 函数获取它相对于文档的坐标。我也有目的地 div 也有坐标。

现在我如何沿着这条路径移动我的图像？

我四处搜索，但我只看到现成的插件可以做到这一点。我想自己做...

Answer 1

$('#div1').animate({
    left: 200, // absolute destination position
    top: '+=50' // relative to starting position
}, 5000);

jQuery 将从当前位置计算中间步骤。您无需担心动画。

Answer 2

你只需要targetcss。jQuery 负责处理当前的 css。

例如。

$('#div1').animate({top: '200px', left: '300px'},3000);

div1将在 3 秒内将具有 idtop = 200px的元素设置为动画left = 300px，无论它放置在什么位置。

（如果元素已经在那个位置，你根本看不到动画）

Answer 3

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

获取目标 div 的 offset().left，并将 div#1 的“左”设置为 .animate 调用中的值。