Simple Text Shuffle Effect with jQuery - Spinner Text

Simple Text Shuffle Effect with jQuery - Spinner Text
File Size: 6.31 KB
Views Total: 1727
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Spinner Text is a tiny JQuery text typing animation plugin which prints any text letter by letter with a random shuffle effect.

How to use it:

1. Load the jQuery spinner text plugin's script after loading jQuery JavaScript library like this:

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="js/jquery-spinner-text.js"></script>

2. Call the function on the target container and specify the text you want to animate.

$('#container').start_spinwriter({
  'text' : 'jQuery Spinner Text Plugin Example'
});

3. Customize the text shuffle effect.

$('#container').start_spinwriter({
  'text' : 'text to animate',
  'interval' : 10,//milliseconds
  'css' : { // additional CSS
      'color':'#333'
  }
});

This awesome jQuery plugin is developed by dipakchandranp. For more Advanced Usages, please check the demo page or visit the official website.