js实现动态数字滚动,插件jquery.counterup.min.js的使用方式

推荐一个常用的数字滚动动画插件,jquery.counterup.js 该插件可以控制动画的延迟时间和动画过渡时间。但它依赖于Waypoints.js插件来监听滚动事件。
从而实现页面滚动到数字可视窗口,实现让数字从零到指定数值的滚动。

使用方式
首先引入jQuery.js
引入 jquery.waypoints.js (点击下载)监听页面滚动事件
引入jquery.counterup.js (点击下载)数字动画插件
在需要的滚动的数字上添加class类名counter作为数字的容器
在页面添加js代码,$('.counter').countUp();
js实现动态数字滚动,插件jquery.counterup.min.js的使用方式_第1张图片
 

你可能感兴趣的:(javascript,jquery,开发语言)