no message

2026-07-26 14:07:47 +08:00
parent c3831a0568
commit fe5546aab2
5025 changed files with 180002 additions and 97654 deletions
@@ -0,0 +1,57 @@
+//数字滚动
+;(function($, window, document) {
+    "use strict";
+    var defaults = {
+        deVal: 0,       //传入值
+        className:'dataNums',   //样式名称
+        digit:''    //默认显示几位数字
+    };
+    function rollNum(obj, options){
+        this.obj = obj;
+        this.options = $.extend(defaults, options);
+        this.init = function(){
+             this.initHtml(obj,defaults);
+        }
+    }
+    rollNum.prototype = {
+        initHtml: function(obj,options){
+            var strHtml = '<ul class="' + options.className + ' inrow">';
+            var valLen = options.digit ||  (options.deVal + '').length;
+            if(obj.find('.'+options.className).length <= 0){
+                for(var i = 0; i<  valLen; i++){
+                    strHtml += '<li class="dataOne "><div class="dataBoc"><div class="tt" t="38"><span class="num0">0</span> <span class="num1">1</span> <span class="num2">2</span> <span class="num3">3</span> <span class="num4">4</span><span class="num5">5</span> <span class="num6">6</span> <span class="num7">7</span> <span class="num8">8</span> <span class="num9">9</span><span class="num0">0</span> <span class="num1">1</span> <span class="num2">2</span> <span class="num3">3</span> <span class="num4">4</span><span class="num5">5</span> <span class="num6">6</span> <span class="num7">7</span> <span class="num8">8</span> <span class="num9">9</span></div></div></li>';
+                }
+                strHtml += '</ul>';
+                obj.html(strHtml);
+            }
+              this.scroNum(obj, options);
+        },
+        scroNum: function(obj, options){
+            var number = options.deVal;
+			var $num_item = $(obj).find('.' + options.className).find('.tt');
+            var h = $(obj).find('.dataBoc').height(); 
+          
+            $num_item.css('transition','all 2s ease-in-out');
+            var numberStr = number.toString();
+            if(numberStr.length <= $num_item.length - 1){
+                var tempStr = '';
+                for(var a = 0; a < $num_item.length - numberStr.length; a++){
+                    tempStr += '0';
+                }
+                numberStr = tempStr + numberStr;
+            }
+
+            var numberArr = numberStr.split('');
+            $num_item.each(function(i, item) {
+                setTimeout(function(){
+                    $num_item.eq(i).css('top',-parseInt(numberArr[i])*h - h*10 + 'px');
+                },i*100)
+            });
+        }
+    }
+    $.fn.rollNum = function(options){
+        var $that = this;
+        var rollNumObj = new rollNum($that, options);
+        rollNumObj.init();
+    };
+})(jQuery, window, document);