Create A Random Text Shuffle Effect With jQuery - Randomize Text
| File Size: | 15.6 KB |
|---|---|
| Views Total: | 4462 |
| 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.











