Amazing jQuery Text Animation Effects Plugin - TextEffect
File Size: | 3.05 KB |
---|---|
Views Total: | 18336 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Text Effect is a tiny and easy jQuery plugin for adding some amazing & cross browser animations to your text, like text fade, glow, jumble, slide, dropdown, random (default) etc.
See also:
- jQuery Plugin For Split Flap Text Animation - Flapper
- jQuery Text Animation Plugin with CSS3 - textillate
- Text Animation Effect with jQuery - animateText.js
- Creating Simple Text Animations with jQuery FunnyText Plugin
- Science Fiction Style Text Effect Plugin with jQuery - textEffects
How to use it:
1. Include the latest jQuery javascript library and jQuery text effect plugin at the end of your document.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="textEffect.jquery.js"></script>
2. Create some text you want to animate in.
<p id="demo1"> Random Effects Example </p>
3. Call the plugin. That's it.
<script> jQuery(document).ready(function($) { $('#demo1').textEffect(); }); </script>
4. Options.
<script> jQuery(document).ready(function($) { $('#demo1').textEffect({ effect: 'jumble', // the type of the text aniamtion. fade, glow, jumble, slide, dropdown and random (default) effectSpeed: 150, // the speed in ms at which new letters begin to animate. completionSpeed: 6000, // the speed in ms of the text aniamtion. jumbleColor: '#7f7f7f' // the color of the jumbled letters. }); }); </script>
Change log:
v0.1.6 (2014-07-14)
- update.
v0.1.5 (2013-11-26)
- added support for fade for legacy IE
This awesome jQuery plugin is developed by cozuya. For more Advanced Usages, please check the demo page or visit the official website.