基于jquery的数字滚动动画插件numberRock.js

GIF.gif

一款基于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 位网友评论:

欢迎来评论

请填写验证码

为您推荐