Jquery (jquery.countup) 动画插件实现数字滚动增加动画

首先html页面中head内引入所需的js文件

jquery.min.js

waypoints.min.js

countup.min.js

demo代码

<script src="js/jquery.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.countup.min.js"></script>

<span class="counter" data-counter-time="3000" data-counter-delay="50">1981</span>
<span class="counter" data-counter-time="3000" data-counter-delay="50">9842</span>

<script>
$('.counter').countUp();
</script>

下载地址

点击下载