分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 02:15责任编辑:赖小花关键词:动画

数字滚动累加动画插件  NumScroll

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

下载地址

https://github.com/chaorenzeng/jquery.numscroll.js.git

快速使用  

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文档

可选参数默认值说明
time1500滚动总时长
delay0延迟启动时长

案例展示

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

原文地址:https://www.cnblogs.com/KevinTseng/p/9690139.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved