js实现动态数字滚动,插件jquery.counterup.min.js的使用方式
// 确保DOM完全加载完毕
$(document).ready(function() {
// 使用counterUp插件使数字滚动
$('.counter').counterUp({
delay: 10, // 延迟时间(毫秒)
time: 1000 // 滚动动画持续时间(毫秒)
});
});
在HTML中,确保你有一个或多个带有counter
类的元素,例如:
<span class="counter">256</span>
确保在HTML中引入了jQuery库和jquery.counterup.min.js
插件。
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.counterup.min.js"></script>
这段代码将会使得页面上所有带有counter
类的元素的数字从一个固定的起始值逐渐滚动到该元素最初的文本值。
评论已关闭