Simple jQuery Plugin For Animating Numbers Numerator - Download Simple jQuery Plugin For Animating Numbers - Numerator

Download Simple jQuery Plugin For Animating Numbers – Numerator

By Posted on

This time I will share jQuery Plugin and tutorial about Simple jQuery Plugin For Animating Numbers – Numerator, hope it will help you in programming stack.

Simple jQuery Plugin For Animating Numbers Numerator - Download Simple jQuery Plugin For Animating Numbers - Numerator
File Size: 5.81 KB
Views Total: 8184
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

Numerator is yet another jQuery number animation plugin that allows you to add customizable animations to the numbers.

Features:

  • Easing options.
  • Allows to specify the length of the animation.
  • Custom decimal places and delimiter.
  • Callback events supported (onStar, onStep, and onComplete).

Basic Usage:

1. Load the latest jQuery javascript library and JQuery Numerator plugin in the footer of your page.

view source
1 <script src="http://code.jquery.com/jquery-latest.min.js"></script>
2 <script src="jquery-numerator.js"></script>

2. Create a container for the number animation.

view source
1 <div class="demo"> 0 </div>

3. Call the plugin with options.

view source
1 <script>
2 $('.demo').numerator( {
3 easing: 'linear', // easing options.
4 duration: 2000, // the length of the animation.
5 delimiter: ',',
6 rounding: 2, // decimal places.
7 toValue: 100 // animate to this value.
8 } )
9 </script>

Change log:

2015-09-23

  • Make plugin AMD compliant
  • Updated parseInt with radix

2014-06-04

  • change to support IE8.

This awesome jQuery plugin is developed by garethdn. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net

Related posts: