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
   
Create A Random Text Shuffle Effect With jQuery - Randomize Text

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.