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

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

您可能感兴趣的相关文章

特别推荐：10套精美的免费网站后台管理系统模板
Parallax.js – 自适应智能设备方向的视差效果插件
Chance – 功能强大的 JavaScript 随机数生成类库
jQuery Wheel Menu：漂亮的 Path 风格旋转菜单
分享8款效果精美的 jQuery 加载动画和进度条插件

可配置的参数：

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

使用示例：

var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);
demo.start();

插件下载效果演示

您可能感兴趣的相关文章

Manifesto – HTML5 离线应用程序缓存校验工具
Popline：很特别的浮动 HTML5 文本编辑器工具栏
Bootstrap 3.0 正式发布，更好地支持移动端开发
jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
Superhero：构建大型 JavaScript 应用程序的资源

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

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

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

使用countup.js使数字动态叠加
CountUp.js 无依赖的.轻量级的 JavaScript 类,可以用来快速创建以一种更有趣的动画方式显示数值数据.尽管它的名字叫 countUp,但其实可以在两个方向进行变化,这是根据你传递的 ...
jquery轻量级数字动画插件 —— countUp.js
CountUp.js是一个无依赖,轻量级的JavaScript"类",可用于快速创建以更有趣的方式显示数字数据的动画. 该JS插件下载地址:https://github.com/i ...
数字滚动插件——CountUp.js
CountUp.js数字滚动插件使用方法详解 CountUp.js 是一个轻量级,无依赖的JavaScript类,通过简单的设置就可以达到数字滚动的效果演示地址: http://inorganik. ...
countUp.js在react中的应用
公司项目需要做一个数字显示器,让我找到一个有趣的项目--CountUp.js.它是一个免费的轻量级javaScript工具,可用于快速创建动画,以更有趣的方式显示数字数据.作用:动画显示数字,千位分隔 ...
JS判断数字/字母/中文
原文链接:http://tieba.baidu.com/f?kz=140213674 1 JS判断数字/字母/中文 1. var reg = /^(\w|[\u4E00-\u9FA5])*$/; ...
JS将数字转换为中文
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>JS ...
php 字母数字混合排序,JavaScript_基于JS实现数字+字母+中文的混合排序方法，在上篇文章给大家介绍了JavaScr - phpStudy...
基于JS实现数字+字母+中文的混合排序方法在上篇文章给大家介绍了JavaScript sort数组排序方法和自我实现排序方法小结,用自己的方法实现了数字数组的排序. 当然,实际运用中,我还是会使用s ...
JS 实现数字转罗马数字
JS 实现数字转罗马数字 JS 实现数字转罗马数字,最近楼主在写w3c的算法挑战,现在到这个转换实现这里了,所以想着写个博客,看看自己的实现方法和大家的有什么出入的,还望大家多多指教,附上源代码 fu ...
JS将数字金额转换为大写人民币汉字
转载自 qubernet 博客 JS将数字金额转换为大写人民币汉字 function convertCurrency(money) {//汉字的数字var cnNums = new Array('零' ...

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

可配置的参数：

使用示例：

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

最新文章

热门文章