jquery.animated.js

Useful helper for Animate.css. If you wanna use other animations, just include another stylessheet & set custom options.

Use

• Set Animate.css or part of it.

• Set jQuery & jQuery.Animated.js.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="jquery.animated.min.js"></script>

• Init plugin.

// Just init on click and use shake or some another effect
$('#animated1').animated('shake');

// Use with callback
$('#animated2').animated('shake', function () {
	alert('Thank you for shake!');
});

// Use with options
$('#animated3').animated({
	animatedClass: 'animated',
	animationClass: 'shake',
	onAnimationEnd: function () {
		alert('Thank you for shake!');
	}
});

// Also you can reset default global options before init
$.animated.options = {
	animatedClass: 'animated', // Base animation class
	animationPrefix: '',       // Prefix for `animationClass`, it's useful if you use BEM
	animationClass: 'shake',   // Animation effect class
	onAnimationEnd: null       // Callback
};

// And simply use with default or custom global options
$('#animated4').animated();

// And with callback
$('#animated5').animated(function () {
	alert('Thank you for shake!');
});

License

Released under the MIT license.