jquery动画号码

时间:2012-06-28 17:55:19

标签: jquery numbers jquery-animate easing

我正在尝试动画一个数值,这个场景来自于动作3:

import caurina.transitions.*;

var p1:Point = new Point();
var t:Number =1;
var xv:int=500;
var yv:int=300;

Tweener.addTween(p1, {time: t, x: xv, y: yv, transition: "easeOutElastic", onUpdate:reportPosition });

function reportPosition(){trace(p1);}

我发现了这个话题,而且效果非常好:

Jquery Plugin for animating numbers

然而,它并没有缓和属性,这会极大地改变场景。

当值为动画时,使用'easeOut',它会越过顶部并返回。

这可能达到这个效果吗?

1 个答案:

答案 0 :(得分:0)

我创建了一个jquery插件,您可以使用该插件为数字设置动画并使用任何jqueryui缓动(您需要自己从jqueryui.com获得缓动):

https://github.com/kajic/jquery-animateNumber