jQuery Plugin To Animate DOM Elements using Animate.css - janimate

File Size: 9.74 KB
Views Total: 1625
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin To Animate DOM Elements using Animate.css - janimate

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)

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.