jquery.numscroll.js是一款jQuery数字滚动累加动画插件。该插件可以快速的制作出炫酷的数字累计动画特效,非常实用。
使用方法
在页面中引入jquery和jquery.numscroll.js文件。
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.numscroll.js"></script>
HTML结构
使用该jQuery数字滚动累加动画插件的基本HTML结构如下。
<!--默认写法--> <span class="num">888888</span> <!--推荐写法--> <span class="num" data-num="888888"></span>
初始化插件
在页面DOM元素加载完毕之后,通过下面的方法来初始化该jQuery数字滚动累加动画插件。
$(".num").numScroll();
配置参数
该jQuery数字滚动累加动画插件可用的配置参数有:
time
:滚动总时长。默认值为1500。delay
:延迟启动时长。默认值为0。
该jQuery数字滚动累加动画插件的github网址为:https://github.com/chaorenzeng/jquery.numscroll.js