<p id="num">
<p id="num_1">
$("-sharpnum").rollNumDaq({
deVal: 16888
});
$("-sharpnum_1").rollNumDaq({
deVal: 2478
});
//
;(function($, window, document) {
"use strict";
var defaults = {
deVal: 0, //
className:"dataNums", //
digit:"" //
};
function rollNumDaq(obj, options){
this.obj = obj;
this.options = $.extend(defaults, options);
this.init = function(){
this.initHtml(obj,defaults);
}
}
rollNumDaq.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; iPP){
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(options);
},
scroNum: function(options){
var number = options.deVal;
var $num_item = $("." + options.className).find(".tt");
var h = $(".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; aPP){
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.rollNumDaq = function(options){
var $that = this;
var rollNumObj = new rollNumDaq($that, options);
rollNumObj.init();
};
})(jQuery, window, document);
when the second
references this plug-in, it affects that the first
number becomes 0.
attach plug-in source http://www.lanrenzhijia.com/j.
I think his rollNumDaq can send obj, but when I send it to $(this), it shows more abnormal.