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 |
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.