html代码数字上下滚动特效,jQuery数字滚动增加动画特效

js代码

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("");

}

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);

}