zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Jquery数字切换特效详解编程语言

jQuery编程语言 详解 数字 切换 特效
2023-06-13 09:20:24 时间
$(t).append(" span "childNumber/" "+array[i]+""); $(t).css("margin-left",18*i+"px"); $(NumbersAnimate.Target).append(t); //生成滚动数字,根据当前数字大小来定 for(var j=0;j =currentN;j++){ var tt; if(j==currentN){ tt=$(" span "main/" span "+j+""); }else{ tt=$(" span "childNumber/" "+j+""); $(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){ var oldArray=NumbersAnimate.Numbers.toString().split(""); var newArray=numbers.toString().split(""); for(var i=0;i oldArray.length;i++){ var o=oldArray[i]; var n=newArray[i]; if(o!=n){ var c=$($(".main")[i]); var num=parseInt($(c).html()); var top=parseInt($($(c).find("span")[0]).css("marginTop").replace(px, )); for(var j=0;j j++){ var nn=$(" span "+j+""); if(j==n){ nn=$(" span "+j+""); }else{ nn=$(" span "yy/" "+j+""); $(c).append(nn); $(nn).css("margin-top",(j+1)*25+top+"px"); var margintop=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){ var Range = a - m; var Rand = Math.random(); return(m + Math.round(Rand * Range)); QQ图片20150703091425.png  Jquery数字切换特效详解编程语言

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8588.html

cjava