首页 前端知识 js实现动态数字滚动,插件jquery.counterup.min.js的使用方式

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

2024-02-22 11:02:40 前端知识 前端哥 167 869 我要收藏

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

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

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2505.html
标签
评论
发布的文章

程序员的中秋节

2024-03-09 09:03:01

js中几种追加元素的方法

2024-03-08 10:03:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!