Description: This jQuery script adds flare to your UL lists, by animating the items into view, one item at a time. You can get each item to slide in from the left, drop in, or even spin before making their way to their destination. It harnesses the power of CSS3 transitions to do its bidding, by animating any defined CSS properties before and after values.
The script lets you choose from 3 display modes- immediately animate the UL list(s) when the page loads, after x seconds, or only when the UL becomes visible on the screen. The default setting is the last one, ensuring the user will always witness your UL lists making their appearance in style!
This script works in all CSS3 capable browsers (IE10+, FF, Chrome etc), and simply does nothing with the UL list for the rest. Cool!
Directions:
Step 1: Add the following code to the section of your page:
Download http://www.javascriptkit.com/script/script2/jquery.animatedlists.js (right click and select "Save As"), the external file referenced by the above code.
Step 2: Add the below sample HTML markup to your :
