jAnimate ======== Plugin to help you use [Animate.css](http://daneden.github.io/animate.css/) with jQuery. **Interactive Demo/Examples:** http://renatorib.github.io/janimate/ ## Animate.css Do not know Animate.css? If you're new to the wonderful world of Animate.css, I highly recommend you [visit this link](http://daneden.github.io/animate.css/), to see what you can do with Animate.css. ## Download & Usage NOTE: You need have **jQuery** and **Animate.css** in your project to use janimate. You can use janimate with `bower`, `npm` or [download by rawgit file](https://cdn.rawgit.com/renatorib/janimate/master/dist/janimate.min.js) ### via bower `bower install jquery-janimate` ```html ``` ### via npm `npm install janimate` ```html ``` ### via rawgit cdn `https://cdn.rawgit.com/renatorib/janimate/master/dist/janimate.min.js` ```html ``` ## Difference between jAnimate and jAnimateOnce `jAnimateOnce()` clean the animation classes when the animation ends, which means that any effect that you do, it will return to normal. Suitable for the purposes of **Attention Seekers**. Not suitable for when you want the final animation stand, as effects of **Exits** and **Entrances**. In these cases, you should use the `jAnimate()`. ## Basic example ```html janimate example

Hello jAnimate

``` ## Effects * bounce * flash * pulse * rubberBand * shake * swing * tada * wobble * bounceIn * bounceInDown * bounceInLeft * bounceInRight * bounceInUp * bounceOut * bounceOutDown * bounceOutLeft * bounceOutRight * bounceOutUp * fadeIn * fadeInDown * fadeInDownBig * fadeInLeft * fadeInLeftBig * fadeInRight * fadeInRightBig * fadeInUp * fadeInUpBig * fadeOut * fadeOutDown * fadeOutDownBig * fadeOutLeft * fadeOutLeftBig * fadeOutRight * fadeOutRightBig * fadeOutUp * fadeOutUpBig * flipInX * flipInY * flipOutX * flipOutY * lightSpeedIn * lightSpeedOut * rotateIn * rotateInDownLeft * rotateInDownRight * rotateInUpLeft * rotateInUpRight * rotateOut * rotateOutDownLeft * rotateOutDownRight * rotateOutUpLeft * rotateOutUpRight * hinge * rollIn * rollOut * zoomIn * zoomInDown * zoomInLeft * zoomInRight * zoomInUp * zoomOut * zoomOutDown * zoomOutLeft * zoomOutRight * zoomOutUp * slideInDown * slideInLeft * slideInRight * slideInUp * slideOutDown * slideOutLeft * slideOutRight * slideOutUp ## Mentions * [jQueryRain](http://www.jqueryrain.com/2015/02/janimate-makes-animate-css-rocks-jquery/) * [jQueryPlugins](http://jquery-plugins.net/janimate-plugin-to-use-animate-css-with-jquery) * [jQueryScripts](http://www.jqueryscript.net/animation/jQuery-Plugin-To-Animate-DOM-Elements-using-Animate-css-janimate.html) * [Softpedia](http://webscripts.softpedia.com/script/Multimedia/3D-Graphics/jAnimate-84701.html) * [OSChina](http://www.oschina.net/p/janimate) * [bl6.jp](http://bl6.jp/web/javascript/jquery-janimate/) * [CodeGeekz](http://codegeekz.com/new-jquery-plugins-for-may-2015/) * [jQueryEngine](http://www.jqueryengine.com/janimate-makes-your-animate-css-rocks-with-jquery-7.html) * [Code PixelBell](http://code.pixelbell.com/janimate-plugin-to-help-you-use-animate-css-with-jquery/) * [jQueryPluginPlus](http://jquerypluginplus.com/janimate-makes-animate-css-rocks-jquery/)