酷炫数字动画,可自定义翻滚速度(原创)

更新时间：2020-11-30 09:15:18

使用方法

引入css与js

<link rel="stylesheet" href="css/jquery.count.min.css" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.count.min.js"></script>

 调用方式

// 整数翻滚 
$("#intSpan").numberRockInt({
    initNumber: initNumber, //初始值
    lastNumber: lastNumber, //最终值 
    easing: "swing", //swing(默认 : 缓冲 : 慢快慢) linear(匀速的) 
    duration: duration, //动画用时 
    step: step //更新间隔，更新间隔越大，肉眼越能够分辨 
});
//小数翻滚 
$("#floatSpan").numberRockFloat({
    initNumber: initNumber, //初始值
    lastNumber: lastNumber, //最终值 
    easing: "swing", //swing(默认 : 缓冲 : 慢快慢) linear(匀速的) 
    duration: duration, //动画用时 
    step: step, //更新间隔，更新间隔越大，肉眼越能够分辨
    fixedSize: fixedSize //小数后保留几位有效数字
});

PREVIOUS:
NEXT:
jQuery进度条
基于jQuery实现的轮播图