Simple Content Sliding Plugin with Fade Animation - KISS.Animate

File Size: 7.26 KB
Views Total: 3201
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Content Sliding Plugin with Fade Animation - KISS.Animate

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.