我真的很想学习如何使用 jquery 更好地制作动画。不只是标准淡入淡出等...
所以我有 div#1 ,我可以通过 jquery .offset 函数获取它相对于文档的坐标。我也有目的地 div 也有坐标。
现在我如何沿着这条路径移动我的图像?
我四处搜索,但我只看到现成的插件可以做到这一点。我想自己做...
我真的很想学习如何使用 jquery 更好地制作动画。不只是标准淡入淡出等...
所以我有 div#1 ,我可以通过 jquery .offset 函数获取它相对于文档的坐标。我也有目的地 div 也有坐标。
现在我如何沿着这条路径移动我的图像?
我四处搜索,但我只看到现成的插件可以做到这一点。我想自己做...
$('#div1').animate({
left: 200, // absolute destination position
top: '+=50' // relative to starting position
}, 5000);
jQuery 将从当前位置计算中间步骤。您无需担心动画。
你只需要target
css。jQuery 负责处理当前的 css。
例如。
$('#div1').animate({top: '200px', left: '300px'},3000);
div1
将在 3 秒内将具有 idtop = 200px
的元素设置为动画left = 300px
,无论它放置在什么位置。
(如果元素已经在那个位置,你根本看不到动画)
http://api.jquery.com/animate/
获取目标 div 的 offset().left,并将 div#1 的“左”设置为 .animate 调用中的值。