🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Consecutive is an extremely simple jQuery plugin which allows you to apply consecutive fade or slide animations on a series of DIV elements.

fade fade-in slide

Documentation

Demo page

A jQuery plugin for consecutive fade and slide animation

Usage

<div class="consecutive"> 	<div id="item" style="background-color:red"></div> 	<div id="item" style="background-color:orange"></div> 	<div id="item" style="background-color:yellow"></div> 	<div id="item" style="background-color:green"></div> 	<div id="item" style="background-color:blue"></div> </div>  <script type="text/javascript"> 	$(".consecutive").consecutive(); </script>

Options

Default options

id: '#item',         // id of each element to be animated animation: 'fade',   // animation type 'fade' or 'slide' delay: 1000,         // milliseconds between two elements animationDelay: 500  // milliseconds of the animation

You May Also Like