基于jquery的数字滚动动画插件numberRock.js
一款基于jQuery的数字滚动动画插件,体积小但依赖jQuery,总体来说效果还不错。
Demo:
<div class="count"></div> <script src="https://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script> <script src="./numberRock.min.js"></script> <script type="text/"> $(function(){ $(".count").numberRock({ lastNumber:100,//结束值 duration:5000,//动画速度 easing:'swing',//swing(慢快慢) linear(匀速的) useprefix:true,//是否使用字符串填充长度 prefix:'0',//填充字符串 callback:function(){ console.log('执行OK'); } }); }); </script>
参数文档:
lastNumber:结束值,数字
duration:动画速度,单位:毫秒
easing:动画效果,swing(慢快慢) 、linear(匀速的)
useprefix:是否使用字符串填充长度,默认:false
prefix:填充的字符串,默认:0
callback:回调函数
有 0 位网友评论: