countup.js
2015-06-19 15:06
821 查看
CountUp。js是一个相互间无依赖的,轻量级的JavaScript“类”,可以用来快速创建动画显示数值数据以一种更有趣的方式。
尽管它的名字,CountUp可以在两个方向数,根据startVal和endValparams通过。
CountUp。js支持所有浏览器。
CountUP:demo演示
参数:
目标= html元素id,输入,svg文本元素,或之前选定元素的var /输入计数发生的地方
startVal =你想开始的价值
endVal =你想要到达的价值
小数=(可选)的小数位数号码,默认为0
时间=(可选)持续时间以秒为单位,默认2
选择=(看演示,可选)格式/宽松的选择对象
使用方法:
var numAnim = new CountUp("element", 24.02, 99.99); numAnim.start();
使用回调函数:
numAnim.start(someMethodToCallOnComplete);
// or an anonymous function numAnim.start(function() { // do something })
另外一些方法:
切换暂停/恢复:
1.numAnim.pauseResume();
重置一个动画:
2.numAnim.reset();
Update the end value and animate:
3.var someValue = 1337;
numAnim.update(someValue);
相关文章推荐
- 仿**宝钱额添加动画 animator
- CountUp.js – 让数字以非常有趣的动画方式显示
- countUp.js
- 数字金额加减动效 - PPCounter
- jquery轻量级数字动画插件countUp.js使用详解
- CountUp.js数字滚动插件使用方法详解
- CountUp.js实现数字滚动增值效果
- countUp.js实现数字动态变化效果
- countup.js实现数字动态叠加效果
- countUp.js实现数字滚动效果
- Javascript写了一个2048的游戏
- avalon中的模板绑定(ms-include)
- jsp会话监听
- javascript高级程序设计第5章,引用类型
- js如何定义全局变量
- 如何用js判断不同浏览器
- JSP中遍历显示从Action中接收到的list
- 二级联动下拉列表JS+html实现
- javascript获取当前时间
- 基于JavaScript离线编译工具环境搭建