欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

高效的jquery数字滚动特效_javascript技巧

程序员文章站 2022-04-06 15:45:09
...
本文实例讲述了基于jquery数字滚动特效的代码,分为四种情况分享给大家供大家参考,具体如下:
  • 有分隔符,有小数点:

  • 只有分隔符:

  • 只有小数点:

  • 无分隔符,无小数点:

运行效果图:

高效的jquery数字滚动特效_javascript技巧

具体代码如下


数字滚动插件

有分隔符,有小数点:

只有分隔符:

只有小数点:

无分隔符,无小数点:
'; //数字处理 var numToArr = function(num){ num = parseFloat(num).toFixed(setting.dot); if(typeof(num) == 'number'){ var arrStr = num.toString().split(""); }else{ var arrStr = num.split(""); } //console.log(arrStr); return arrStr; } //设置DOM symbol:分割符号 var setNumDom = function(arrStr){ var shtml = '
'; for(var i=0,len=arrStr.length; i'+setting.symbol+'
'+nHtml.replace("{{num}}",arrStr[i]); }else{ shtml += nHtml.replace("{{num}}",arrStr[i]); } } shtml += '
相关标签: jquery 数字滚动