如何平滑jquery动画

我想平滑一些jquery.animate函数的链接。

这是一个jsfiddle我描述的问题： http ： //jsfiddle.net/xavier_seignard/KTxbb/4/

如您所见，每个动画之间都有一个停止，即使是线性属性也是如此。

你对如何平滑它有什么想法吗？ 还是其他任何可以解决问题的方法？

问候

Answer 1

您可以更改速度以获得更“精细”的动画，您会看到停止因为速度太快而且尺寸不同以至于覆盖：

function initPage() { $.each(json, function() { $("#point").animate({ left: this.x, top: this.y }, 1000, 'linear'); }); }​ 

Answer 2

我想你应该试试jQuery Easing插件 – http://gsgd.co.uk/sandbox/jquery/easing/

包括文件而不是“衬垫”添加一些其他缓和。

Answer 3

是你描述的速度变化吗？

这是因为动画具有相同的时序，但方框所覆盖的距离不同。 您可能需要根据行进的距离更改每个动画的时间。

Answer 4

这就是jsfiddle的问题..我测试了你的jsfiddle链接，它在你的问题中提到它看起来并不好看。

但后来我在我的电脑上创建了新页面并复制了你的小提琴中的所有内容并进行了检查。 它看起来还不错。

复制并粘贴此内容并将其另存为html并进行测试：