Lightweight Text Rotator Plugin With Shuffle Animations - ShuffleText
File Size: | 6.09 KB |
---|---|
Views Total: | 2680 |
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.