jquery-animateNumber - एनिमेशन संख्याओं के लिए प्लगइन

jquery-animateNumber एक jQuery प्लगइन है, जो stoloto.ru/rapido की तरह ही संख्याओं को एनिमेट करता है ।

बॉक्स से बाहर क्या हो सकता है

• अन्य गुणों के साथ एक संख्या का एक साथ एनीमेशन (जैसे $ .animate);
• छोटे से बड़े और इसके विपरीत संख्या को एनिमेट करना;
• अंकों के स्वचालित विभाजन के साथ संख्या एनीमेशन (आप अपने स्वयं के विभाजक सेट कर सकते हैं);
• अपने स्वयं के एनीमेशन कदम समारोह के साथ संख्या एनीमेशन।

उदाहरण

<p>Fun level <span id="fun-level" style="color: red; font-size: 0px;">0 %</span>.</p> 

 //  $.animateNumber    , //   $.animate,    //  'number'  'numberStep' $('#fun-level').animateNumber( { number: 100, color: 'green', //  jquery.color 'font-size': '50px', easing: 'easeInQuad', //  jquery.easing numberStep: function(now, tween) { var floored_number = Math.floor(now), target = $(tween.elem); target.text(floored_number + ' %'); } }, 1800 ); 

काम करने के लिए jQuery 1.8.0 या बाद के संस्करण की आवश्यकता है।

डेमो | प्लगइन साइट