宝哥软件园

CountUp.js数字滚动插件使用方法详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-19

CountUp.js是一个轻量级,无依赖的Java脚本语言类,通过简单的设置就可以达到数字滚动的效果

演示地址:countUp.js

可配置项:

目标=目标元素的身份证;startVal=开始值;endVal=结束值;小数=小数位数,默认值是0;持续时间=动画延迟秒数,默认值是2;//用法:var options={ useEasing: true,useGrouping: true,separator: ',',decimal: ' .}var demo=新计数(目标、开始值、结束值、小数、持续时间、选项);演示。start();相关代码实例如下:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head body div id=' box '/div script src=' http :https://cdn。布斯。com/countup。js/1。9 .3/计数。js '/script script type=' text/JavaScript ' var options={ useeas : true,useGrouping: true,separator: ',',decimal ',};var demo=新CountUp('box ',0,4068,0,2.5,选项);if(!演示。错误){演示。start();} else { console。错误(演示。错误);}/脚本/正文/html

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+