[numerator] A jQuery Plugin To Easily Animate Numbers

jquery-animate-numbers-plugin

jQuery Numerator is an animation plugin that allows you to add customizable animations to numbers.

Features:

  • Allows you to specify the length of the animation.
  • Decimal places are assigned and specified.
  • Support for callback events (OnStar, onStep, and onComplete).

How to make use of it:

1. Include the script after the jQuery library:

<script type="text/javascript" src="/path/to/jquery-numerator.js"></script>

2. Create a container for the number animation.

<div class="demo"> 0 </div>

3. Call the plugin with options.

<script>
$('.demo').numerator( {
easing: 'linear', // easing options.
duration: 2000, // the length of the animation.
delimiter: ',',
rounding: 2, // decimal places.
toValue: 100 // animate to this value.
} )
</script>

simple jquery plugin for animating numbers library, jquery-numerator plugin/github


See Demo And Download

Official Website(garethdn): Click Here

This superior jQuery/javascript plugin is developed by garethdn. For extra advanced usage, please go to the official website.

Share