jquery轻量级数字动画插件countUp.js详解

CountUp.js是一个独立的轻量级JavaScript“类”，可以用来快速创建动画，以更有趣的方式显示数字数据。

JS插件的下载地址

展览效果：

详细的代码示例：

！doctype html html head meta charset=' utf-8 ' title jquery轻量级数字动画插件/title！-将为此特殊效果引入的js插件-脚本类型=' text/JavaScript ' src=' http 3360。/jquery数字动画特效_ files/jquery-1 . 7 . 2 . min . js/' script script type=' text/Javascript ' src=' http :/jquery数字动画特效_ files/countup . min . js '/script/head body h1 id=' num 1 '/h1 h1 h1 id=' num 2 '/h1 h1 h1 id=' num 3 '/h1 script type=' text/Javascript ' var options={使用easy : true，//使用轻度useGrouping: true，//使用分组(是否显示千位分隔符，一般为true) separator: '，'，//separator(千位分隔符，默认值为'，')分隔线，//十进制(十进制符号，默认为“.”)prefix: ' '，//prefix(数字的前缀，可以设置为$，$，等等。根据需要)后缀： '' //(数字的后缀，$(function() {//CountUp(参数1、参数2、参数3、参数4、参数5、参数6)//参数1 : number container//参数2 : number开始增长前的默认值(起始值)，一般从0开始//参数3 : number开始增长后，一般通过异步请求获取此值。//参数四小数点后保留的位数为：//参数五数字成长特效时间为3秒。//参数六的其他配置项为：//注意参数六可以不加，其配置项为new countup ('num1 '，0，1380，0，3，options) new CountUp('num2 '，0，1380，2，3，options)的默认值。start()；新CountUp('num3 '，0，1380，4，3，选项)。start()；});/script /body/html以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。