jQuery Plugin To Animate DOM Elements using Animate.css - janimate
File Size: | 9.74 KB |
---|---|
Views Total: | 1542 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
janimate is a lightweight jQuery plugin that utilizes animate.css to apply fancy cross-browser CSS animations on any DOM elements.
How to use it:
1. Load the needed jQuery library and animate.css library in your web project.
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
2. Load the jQuery janimate plugin after jQuery library.
<script src="path/to/janimate.jquery.js"></script>
3. Available methods to apply animate.css based animations on DOM elements.
// Animate elements with effect and call callback when finish. $('#selector').jAnimate(effect, callback); // Animate elements with effect and remove classes when finish, also call callback. $('#selector').jAnimateOnce(effect, callback); // Execute a sequence of animations passed in arrayOfEffects and call callback when finish all. $('#selector').jAnimateSequence(arrayOfEffects, callback);
Change log:
v0.2.1 (2015-07-02)
- update.
About author:
Author: Renato Ribeiro
Website: https://github.com/renatorib/janimate
This awesome jQuery plugin is developed by renatorib. For more Advanced Usages, please check the demo page or visit the official website.