jquery初学者将img从一个位置设置为另一个位置（直线或曲线）

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

我有div#1，我可以通过jquery.offset函数得到它相对于文档的坐标。我还有destination div，它也有坐标

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

我在谷歌上搜索了一下，但我只看到了现成的插件。我想自己做

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

---

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

您只需要

目标

css。jQuery负责处理当前的css

例如

将在3秒钟内将id为div1的元素动画化为top=200px和left=300px，无论它放置在什么位置

（如果元素已经位于该位置，则根本看不到动画）

---

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

“所以我有div#1…”如果您的字面意思是带有

id的
div
“1”
，请注意
div#1
是无效的CSS选择器。如果你想在CSS中使用
id
值，就必须使用它，这比HTML的规则更严格。@T.J.Crowder我知道这一点。这是我写这些东西时喜欢使用的一种简单的符号。
$('#div1').animate({top: '200px', left: '300px'},3000);