Count Up To A Number When Visible - jQuery rCounterup
File Size: | 6.54 KB |
---|---|
Views Total: | 15361 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
rCounterup is a small and smart jQuery counter plugin which counts up to a specifc number when the number becomes visible.
Base don the jQuery waypoint plugin to trigger the count up animation when you scroll to the number.
How to use it:
1. Load the necessary jQuery and jQuery waypoint libraries in the html document.
<script src="/path/to/jquery.min.js"></script> <script src="/path/to/jquery.waypoints.js"></script>
2. Load the jquery.rcounterup.js script after jQuery.
<script src="jquery.rcounterup.js"></script>
3. Wrap the number in a container element.
<span class="count-num">123456789</span>
4. Call the function and done.
$(function(){ $('.count-num').rCounter(); });
5. Customize the duration of the animation. Default: 20.
$(function(){ $('.count-num').rCounter({ duration: 30 }); });
This awesome jQuery plugin is developed by Sharifur. For more Advanced Usages, please check the demo page or visit the official website.