在Jquery中自定义缓动

时间:2012-09-21 19:53:03

标签: jquery jquery-ui jquery-easing

所以我对缓和文档有疑问。我已经查看了代码并找到了我想要自定义的东西,但目前还不知道如何使用。这是我打电话的功能:

$('.caption').show('scale', { percent: 100, easing: 'customEasing' }, 500);

我查看了缓动功能并看到了这个

    easeOutBack: function (x, t, b, c, d, s) {
    if (s == undefined) s = 1.70158;
    return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;}

它不仅要传入一堆变量,还要检查其中一个变量是否未定义。我想为s传递不同的值,但我只是不知道如何?有没有人对jquery ui和easing有更广泛的理解,可以告诉我是否有办法在不创建整个自定义效果的情况下更改该设置?

1 个答案:

答案 0 :(得分:0)

语法很奇怪,这不是jQuery easingshow函数的工作原理。

缓和功能接受5个参数(不是6个):

  1. 动画中经过的时间百分比,从0开始 到1。
  2. 自动画开始以来的毫秒数。
  3. 第一个参数的起始值(始终为0)
  4. 第一个参数的值结束,始终为1。
  5. 动画将以毫秒为单位运行多长时间。
  6. jQuery自动传递这些值。动画始终从0到1运行。动画的形状仅取决于公式,而不取决于任何参数。如果你想要一个不同的形状,你必须定义自己的缓动函数。

    以下是如何定义和使用自定义缓动函数的示例:http://jsfiddle.net/4ZzWZ/