Simple Content Sliding Plugin with Fade Animation - KISS.Animate
| File Size: | 7.26 KB |
|---|---|
| Views Total: | 3212 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
KISS.Animate (Keep It Simple Stupid Animate) is a simple jQuery plugin which allows you to slide content with transition fading effects. Please check out the demo page to see it in action.
Basic Usage:
1. Include jQuery library and jQuery KISS.Animate plugin before </body> tag
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="kiss.animate.js"></script>
2. The HTML
<div class="demo"> Your Content </div>
3. Call the plugin with options
<script type="text/javascript">
(function ($) {
$('div.post_list.second').kissAnimate({
limit: '2',
speed: 3000,
animeSpeed: 2000,
delay: 1000,
wrapSlideWith:'<div class="animate-wrapper"></div>',
transition: 'fadeToggle',
splitter: 'split',
css: true
});
})(jQuery);
</script>
This awesome jQuery plugin is developed by daogurtsov. For more Advanced Usages, please check the demo page or visit the official website.











