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

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

  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();

 

插件下载      效果演示

 

本文链接:CountUp.js – 让数字数据以好玩的动画方式显示

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
3月前
|
JavaScript 前端开发 小程序
js vue实现回到顶部动画效果
js vue实现回到顶部动画效果
|
4月前
|
JavaScript 前端开发
vue如何使用velocity.js动画
vue如何使用velocity.js动画
|
1月前
|
JavaScript
JS+CSS3点击粒子烟花动画js特效
JS+CSS3点击粒子烟花动画js特效
15 0
JS+CSS3点击粒子烟花动画js特效
|
1月前
|
前端开发 JavaScript UED
前端开发的魔法:CSS动画与JavaScript的完美结合
本文将探讨如何利用CSS动画和JavaScript的结合,为前端页面增添生动的效果。我们将通过实例展示如何使用这两种技术为网页元素创建吸引人的动画效果,并讨论它们的优缺点和适用场景。
29 0
|
1月前
|
Web App开发 前端开发 JavaScript
大话 JavaScript 动画
大话 JavaScript 动画
18 1
|
3月前
|
前端开发 JavaScript API
炫酷不止一面:探索JavaScript动画的奇妙世界(下)
炫酷不止一面:探索JavaScript动画的奇妙世界(下)
|
3月前
|
前端开发 JavaScript Java
炫酷不止一面:探索JavaScript动画的奇妙世界(上)
炫酷不止一面:探索JavaScript动画的奇妙世界(上)
|
3月前
|
移动开发 JavaScript 前端开发
分享92个JS特效动画效果,总有一款适合您
分享92个JS特效动画效果,总有一款适合您
20 0
|
3月前
|
Web App开发 移动开发 JavaScript
分享116个JS特效动画效果,总有一款适合您
分享116个JS特效动画效果,总有一款适合您
25 0
|
3月前
|
移动开发 JavaScript 前端开发
分享115个JS特效动画效果,总有一款适合您
分享115个JS特效动画效果,总有一款适合您
41 0