如何实现前端界面的数字从跳动到增加到指定值
1、首先在项目中加入countUp.js

2、在需要跳动显示的前端jsp页面应用countUp.js

3、将放置需要跳动显示的数字的标签定义一个id

4、在js中调用该方法:new CountUp("allCar", 0, 100, 0, 2).start();
各个参数含义如下:
new CountUp(target, startVal, endVal, decimals, duration).start();
target : 目标元素的id
startVal : 你想要开始的值
endVal : 你想要到达的值
decimals : 小数位数,默认值为0
duration : 动画持续时间为秒,默认值为2

5、此时再刷新前端界面,就可以看到数字从1开始跳动显示到指定数字的效果

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:97
阅读量:164
阅读量:142
阅读量:159
阅读量:150