HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 让数字以非常有趣的动画方式显示

让数字以非常有趣的动画方式显示

        CountUp.js 无依赖的、轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 startVal 和 endVal 参数判断的。


可配置的参数:

  • target = 目标元素的 ID;
  • startVal = 开始值;
  • endVal = 结束值;
  • decimals = 小数位数,默认值是0;
  • duration = 动画延迟秒数,默认值是2;

使用示例:


var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);demo.start();
插件下载      效果演示

【让数字以非常有趣的动画方式显示】相关文章

1. 让数字以非常有趣的动画方式显示

2. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...

3. 一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja ...

4. Lazy Line Painter – 很有趣的 jQuery 路径动画插件

5. Lazy Line Painter – 很有趣的 jQuery 路径动画插件

6. 10 个必备而且非常有用的 Ruby on Rails 4 Gems

7. CSS3中的5个有趣的新技术

8. HTML5小游戏:极度有趣的机械组合游戏

9. 带有数字显示的加载进度条效果插件

10. jQuery/CSS3实现超酷的动画Tab菜单

本文来源:https://www.51html5.com/a3538.html

点击展开全部

﹝让数字以非常有趣的动画方式显示﹞相关内容

「让数字以非常有趣的动画方式显示」相关专题

其它栏目

也许您还喜欢