Science Fiction Style Text Effect Plugin with jQuery - textEffects

File Size: 3.39 KB
Views Total: 1916
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Science Fiction Style Text Effect Plugin with jQuery - textEffects

textEffects is an awesome and simple jQuery plugin that enables you to create science fiction style text effect on your web page. You can also use the "ul > li" html template to make the Text Effect as a slide show.

Basic Usage:

1. The html

<ul class="text-effect-loop">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

2. Include jQuery library and jQuery textEffects plugin on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="texteffects.js"></script>

3. Call the plugin

$(".text-effect-loop").textEffect()

4. Options

$(".text-effect-loop").textEffect({
fps: 20, // Frame per microsecond
repeat: 10, // How much times show the lorem text before the correct text
debug: false, // 
reverse: false, // Set true to enable the reverse effect
possibleChar: "ABCDEFGHIJKLMNOPQRSTUVWXYZ~!@#$%^&*()_+-=[];;><0123456789", // Possible charactors using in the lorem text
timeout: 5000, // How much time stop between in-effect and out-effect
loop: "infinite" // Setup the looping times, default is infinite
})

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