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

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.