命名空间 fx.transitions
Defined in: jx.fx.js.
Constructor Attributes | Constructor Name and Description |
---|---|
动画缓动公式
Linear:无缓动效果;
Quadratic:二次方的缓动(t^2);
Cubic:三次方的缓动(t^3);
Quartic:四次方的缓动(t^4);
Quintic:五次方的缓动(t^5);
Sinusoidal:正弦曲线的缓动(sin(t));
Exponential:指数曲线的缓动(2^t);
Circular:圆形曲线的缓动(sqrt(1-t^2));
Elastic:指数衰减的正弦曲线缓动;
Back:超过范围的三次方缓动((s+1)*t^3 - s*t^2);
Bounce:指数衰减的反弹缓动。
每个效果都分三个缓动方式(方法),分别是:
easeIn:从0开始加速的缓动;
easeOut:减速到0的缓动;
easeInOut:前半段从0开始加速,后半段减速到0的缓动。
其中Linear是无缓动效果,没有以上效果。
p,pos: current(当前);
x: value(其他参数);
|
Method Attributes | Method Name and Description |
---|---|
<static> |
fx.transitions.back(p, x)
back:超过范围的三次方缓动((s+1)*t^3 - s*t^2);
|
<static> |
fx.transitions.bounce(p)
bounce:指数衰减的反弹缓动。
|
<static> |
fx.transitions.circular(p)
circular:圆形曲线的缓动(sqrt(1-t^2));
|
<static> |
fx.transitions.elastic(p, x)
elastic:指数衰减的正弦曲线缓动;
|
<static> |
fx.transitions.exponential(p)
exponential:指数曲线的缓动(2^t);
|
<static> |
fx.transitions.linear()
linear:无缓动效果;
|
<static> |
fx.transitions.pow(p, x)
pow:n次方的缓动(t^n),n默认为6;
|
<static> |
fx.transitions.sinusoidal(p)
sinusoidal:正弦曲线的缓动(sin(t));
|
命名空间 详解
fx.transitions
- 功能:
- 动画缓动公式 Linear:无缓动效果; Quadratic:二次方的缓动(t^2); Cubic:三次方的缓动(t^3); Quartic:四次方的缓动(t^4); Quintic:五次方的缓动(t^5); Sinusoidal:正弦曲线的缓动(sin(t)); Exponential:指数曲线的缓动(2^t); Circular:圆形曲线的缓动(sqrt(1-t^2)); Elastic:指数衰减的正弦曲线缓动; Back:超过范围的三次方缓动((s+1)*t^3 - s*t^2); Bounce:指数衰减的反弹缓动。 每个效果都分三个缓动方式(方法),分别是: easeIn:从0开始加速的缓动; easeOut:减速到0的缓动; easeInOut:前半段从0开始加速,后半段减速到0的缓动。 其中Linear是无缓动效果,没有以上效果。 p,pos: current(当前); x: value(其他参数);
方法详解
<static>
fx.transitions.back(p, x)
- 功能:
- back:超过范围的三次方缓动((s+1)*t^3 - s*t^2);
- 参数:
-
- p
- x
<static>
fx.transitions.bounce(p)
- 功能:
- bounce:指数衰减的反弹缓动。
- 参数:
-
- p
<static>
fx.transitions.circular(p)
- 功能:
- circular:圆形曲线的缓动(sqrt(1-t^2));
- 参数:
-
- p
<static>
fx.transitions.elastic(p, x)
- 功能:
- elastic:指数衰减的正弦曲线缓动;
- 参数:
-
- p
- x
<static>
fx.transitions.exponential(p)
- 功能:
- exponential:指数曲线的缓动(2^t);
- 参数:
-
- p
<static>
fx.transitions.linear()
- 功能:
- linear:无缓动效果;
<static>
fx.transitions.pow(p, x)
- 功能:
- pow:n次方的缓动(t^n),n默认为6;
- 参数:
-
- p
- x
<static>
fx.transitions.sinusoidal(p)
- 功能:
- sinusoidal:正弦曲线的缓动(sin(t));
- 参数:
-
- p