Amazing jQuery Text Animation Effects Plugin - TextEffect

Amazing jQuery Text Animation Effects Plugin - TextEffect
File Size: 3.05 KB
Views Total:
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:

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)

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.