jQuery 实现数字动画
jquery-animateNumber ===================== Demo | v0.0.14 – Latest Release jQuery 数字动画插件,为 jQuery 的 animate 函数属性添加了 'number' 属性和 step 函数。 需要 jQuery 1.7.0 或更高版本(最新测试版为 3.3.1)。 ## 快速示例 ```html
Fun level 0 %.
js
// animateNumber accepts same arguments, as animate does
// it adds only 'number' and 'numberStep' params
$('#fun-level').animateNumber(
{
number: 100,
color: 'green', // require jquery.color
'font-size': '50px',
// optional custom step function
// using here to keep '%' sign after number
numberStep: function(now, tween) {
var floored_number = Math.floor(now),
target = $(tween.elem);
target.text(floored_number + ' %');
}
},
{
easing: 'swing',
duration: 1800
}
);
``` ## 用于同一任务的替代插件 * jQuery Numerator ## 开发 1. npm install grunt-cli -g 2. npm install 3. https://github.com/gmarty/grunt-closure-compiler`` 4. grunt watch` ## 关于补丁/拉取请求的说明 * 创建项目分支。 * 添加功能或修复 bug。 * 发送 Pull Request。 为主题分支增加分数。 ## 许可
这是一个自由软件,可以根据 LICENSE 文件中的条款进行再分发。
暂无开放 Issues，或尚未同步最近议题。