Lightweight Text Rotator Plugin With Shuffle Animations - ShuffleText
| File Size: | 6.09 KB |
|---|---|
| Views Total: | 2729 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
ShuffleText is an extremely lightweight jQuery text rotator plugin which rotates through an array of text with a random letter shuffle effect.
How to use it:
1. Include the jQuery shuffleText plugin after you have jQuery library included.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="shuffletext.jquery.min.js"></script>
2. Create an empty DIV element for the text rotator.
<div class="demo"></div>
3. Call the function on the DIV element and specify an array of text you wish to rotate through.
$('.demo').ShuffleText([
'Hello world !',
"I Love jQuery",
"I Love <strong>jQuery ShuffleText</strong> !"
]);
4. Apply the following options to the text rotator.
$('.demo').ShuffleText([
'Hello world !',
"I Love jQuery",
"I Love <strong>jQuery ShuffleText</strong> !"
],{
// infinite loop
loop: true,
// The number of random iterations used per letter
iterations: 50,
// The delay in milliseconds between each text
delay: 3000,
// The delay in milliseconds between each random letters during the shuffle effect
shuffleSpeed: 0,
// A callback function trigered each time a text is rendered
step: function(){}
});
This awesome jQuery plugin is developed by Nyl000. For more Advanced Usages, please check the demo page or visit the official website.











