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.











