Amazing jQuery Text Animation Effects Plugin - TextEffect

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

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:

How to use it:

1. Include the latest jQuery javascript library and jQuery text effect plugin at the end of your document.

<script src=""></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.

jQuery(document).ready(function($) {

4. Options.

jQuery(document).ready(function($) {
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.

Change log:

v0.1.6 (2014-07-14)

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.