jQuery Plugin To Add Cool Animations To Your Text - Text Animator

File Size: 5.89 KB
Views Total: 2803
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Add Cool Animations To Your Text - Text Animator

Text Animator is a lightweight jQuery text effect plugin that makes it easier to apply cool jQuery animations on your text.

Text effects included:

  • Lift
  • Lower
  • Slide Right
  • Slide Left
  • Enlarge
  • Minimize
  • Wave
  • Dim out
  • Dim in
  • Shatter
  • Chain Effect
  • Reset

How to use it:

1. Include the JQuery javascript library and jQuery text animator plugin on the web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="txt_animator.js"></script>

2. Place your text content in an DIV element having a CSS class.

<p class="demo">My content</p>

3. Animated the text content with a 'wave' effect on mouse hover.

$(document).ready(function() {
$('.demo').on('mouseenter',function() {
$(this).wave(null, DISTANCE, ANIMATION SPEED);
});
});

This awesome jQuery plugin is developed by Daeik. For more Advanced Usages, please check the demo page or visit the official website.