jQuery数字滚动增加动画特效

jQuery数字滚动增加动画特效-精品资源网
jQuery数字滚动增加动画特效
此内容为免费资源,请登录后查看
0
免费资源

jQuery数字滚动增加动画特效

jQuery数字滚动增加动画特效是一款样式经过美化的数字上下滚动累加动画效果。

js代码

<script type=\"text/javascript\" src=\"js/jquery.min.js\"></script>
<script type=\"text/javascript\" src=\"js/digitalScroll.js\"></script>
<script type=\"text/javascript\">
var sum = 13000;
$(function() {
	setInterval(function(){
		show_num1(sum)
	},1000);
});

function show_num1(n) {
	sum=sum+5;
	console.log(n);
	var it = $(\".t_num1 i\");
	var len = String(n).length;
	for(var i = 0; i < len; i++) {
		if(it.length <= i) {
			$(\".t_num1\").append(\"<i></i>\");
		}
		var num = String(n).charAt(i);
		//根据数字图片的高度设置相应的值
		var y = -parseInt(num) * 58;
		var obj = $(\".t_num1 i\").eq(i);
		obj.animate({
			backgroundPosition: \'(0 \' + String(y) + \'px)\'
		}, \'slow\', \'swing\', function() {});
	}
	$(\"#cur_num\").val(n);
}
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容