高效的jquery数字滚动特效_javascript技巧
程序员文章站
2022-04-06 15:45:09
...
本文实例讲述了基于jquery数字滚动特效的代码,分为四种情况分享给大家供大家参考,具体如下:
';
//数字处理
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实现的图片点击滚动效果_javascript技巧
-
jquery实现的图片点击滚动效果_javascript技巧
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
固定背景实现的背景滚动特效示例分享_javascript技巧
-
用表格输出1-1000之间的数字实现代码(附特效)_javascript技巧
-
用表格输出1-1000之间的数字实现代码(附特效)_javascript技巧
-
JQuery+DIV自定义滚动条样式的具体实现_javascript技巧
-
固定背景实现的背景滚动特效示例分享_javascript技巧
-
来自腾讯的一个不固定高度得消息的滚动特效_javascript技巧
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧