Jquery数字上下滚动动态切换插件

.textC {

position:absolute;

width:500px;

overflow:hidden;

margin-top:100px;

line-height:30px;

margin-left:300px;

height:30px;

}

.textC span {

color:#13BEEC;

font-size:28px;

font-weight:bold;

font-family: Georgia,"Times New Roman", Times,serif;

position:absolute;

}

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

NumbersAnimate.Target=$(".textC");

NumbersAnimate.Numbers=12389623;

NumbersAnimate.Duration=1500;

NumbersAnimate.Animate();

});

varNumbersAnimate={

Target:null,

Numbers:0,

Duration:500,

Animate:function(){

vararray=NumbersAnimate.Numbers.toString().split("");

//遍历数组

for(vari=0;i<array.length;i++){

varcurrentN=array[i];

//数字append进容器

vart=$("<span></span>");

$(t).append("<span class=\"childNumber\">"+array[i]+"</span>");

$(t).css("margin-left",18*i+"px");

$(NumbersAnimate.Target).append(t);

//生成滚动数字,根据当前数字大小来定

for(varj=0;j<=currentN;j++){

vartt;

if(j==currentN){

tt=$("<span class=\"main\"><span>"+j+"</span></span>");

}else{

tt=$("<span class=\"childNumber\">"+j+"</span>");

}

$(t).append(tt);

$(tt).css("margin-top",(j+1)*25+"px");

}

$(t).animate({marginTop:-((parseInt(currentN)+1)*25)+"px"},NumbersAnimate.Duration,function(){

$(this).find(".childNumber").remove();

});

}

},

ChangeNumber:function(numbers){

varoldArray=NumbersAnimate.Numbers.toString().split("");

varnewArray=numbers.toString().split("");

for(vari=0;i<oldArray.length;i++){

varo=oldArray[i];

varn=newArray[i];

if(o!=n){

varc=$($(".main")[i]);

varnum=parseInt($(c).html());

vartop=parseInt($($(c).find("span")[0]).css("marginTop").replace('px',''));

for(varj=0;j<=n;j++){

varnn=$("<span>"+j+"</span>");

if(j==n){

nn=$("<span>"+j+"</span>");

}else{

nn=$("<span class=\"yy\">"+j+"</span>");

}

$(c).append(nn);

$(nn).css("margin-top",(j+1)*25+top+"px");

}

varmargintop=parseInt($(c).css("marginTop").replace('px',''));

$(c).animate({marginTop:-((parseInt(n)+1)*25)+margintop+"px"},NumbersAnimate.Duration,function(){

$($(this).find("span")[0]).remove();

$(".yy").remove();

});

}

}

NumbersAnimate.Numbers=numbers;

},

RandomNum:function(m,a){

varRange = a - m;

varRand = Math.random();

return(m + Math.round(Rand * Range));

}

}

</script>

NumbersAnimate.Target=$(".textC");

NumbersAnimate.Numbers=12389623;

NumbersAnimate.Duration=1500;

NumbersAnimate.Animate();

NumbersAnimate.ChangeNumber();