问如何使用jQuery.animate()创建“非线性”轨迹？

EN

这是一个项目

http://plugins.jquery.com/project/MoveTo-Bezier-Curve

您可以在jQuery.easing上创建自己的“缓和”函数，例如，此函数将近似90度以上的正弦曲线

jQuery.easing.sin90 = function(p, n, firstNum, diff) {
    return Math.sin(p * Math.PI / 2) * diff + firstNum;
};

p是一个从0到1的数字，表示动画时间的百分比，n是此动画实际经过的时间，firstNum和diff有点误导，看起来好像在某个点上需要一个开始/结束值，但现在所有的缓和函数都只是将p值标准化，以便firstNum = 0和diff = 1

我使用每个属性的缓动和一些sin/cos函数将a simple fiddle显示组合在一起，以使用jQuery在圆圈中设置div动画。