Create A Random Text Shuffle Effect With jQuery - Randomize Text
File Size: | 15.6 KB |
---|---|
Views Total: | 4408 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Randomize Text is a really simple jQuery plugin which helps you create a text typing animation with a random character shuffle effect.
How to use it:
1. First you have to include both jQuery library and the jQuery Randomize Text plugin on the webpage.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="js/randomize_text.js"></script>
2. Create a container where you want to output the text.
<div id="text"></div>
3. Call the function on the text container and you need to add a text by adding {text:'my text'}
as argument.
$('#text').randomizeText({ text: "Lorem ipsum" });
4. Here are a few options which allow you to customize the text shuffle effect.
$('#text').randomizeText({ text: "Lorem ipsum", refreshRate: 50, timePerLetter: 120, randomTime: 50, randomLetters: [], });
This awesome jQuery plugin is developed by westberliner. For more Advanced Usages, please check the demo page or visit the official website.