#JS 数字滚动累加动画插件

Posted kevintseng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#JS 数字滚动累加动画插件相关的知识,希望对你有一定的参考价值。

数字滚动累加动画插件  NumScroll

1.使用前先引入jquery
2.前端学习群:739574382

下载地址

快速使用  

1.引入jquery和jquery.numscroll.js

<script src=‘http://code.jquery.com/jquery-2.1.1.min.js‘ type=‘text/javascript‘></script>
<script src="js/jquery.numscroll.js" type="text/javascript" charset="utf-8"></script>

2.拷贝以下布局结构

<span class="num">888888</span>

3.创建numscroll对象:

$(".num").numScroll();

API文档

可选参数默认值说明
time 1500 滚动总时长
delay 0 延迟启动时长

案例展示

技术分享图片

 


以上是关于#JS 数字滚动累加动画插件的主要内容,如果未能解决你的问题,请参考以下文章

js数字金额滚动动画(vue)

ScrollReveal-元素随页面滚动产生动画的js插件

scrollreveal(页面滚动显示动画插件支持手机)

数字滚动插件numberAnimate.js的使用及效果修改

aos.js超赞页面滚动元素动画jQuery动画库

aos.js超赞页面滚动元素动画jQuery动画库