jQuery Plugin For Consecutive Fade and Slide Animations
File Size: | 3.16 KB |
---|---|
Views Total: | 1553 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Consecutive is an extremely simple jQuery plugin which allows you to apply consecutive fade or slide animations on a series of DIV elements.
How to use it:
1. Wrap the DIV elements into a container.
<div class="consecutive"> <div id="item"></div> <div id="item"></div> <div id="item"></div> ... </div>
2. Load jQuery library and the jQuery consecutive plugin on the web page.
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="jquery.consecutive.js"></script>
3. Call the plugin on the container element.
$(".consecutive").consecutive();
4. That's it. The plugin will apply the fade in effect on the children DIV elements at a certain speed. Override the following options to customize the consecutive animation.
$(".consecutive").consecutive({ // CSS ID for children elements id: '#item', // fade or slide animation: 'fade', // animation start delay: 1000, // animation delay animationDelay: 500 });
This awesome jQuery plugin is developed by mertkahyaoglu. For more Advanced Usages, please check the demo page or visit the official website.