Easy Customizable jQuery Shuffle Text Plugin - NylAutoWriter

File Size: 87 KB
Views Total: 1551
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Easy Customizable jQuery Shuffle Text Plugin - NylAutoWriter

NylAutoWriter is a simple, lightweight jQuery plugin used to create a typewriter-like text animation that prints your text letter by letter with a customizable text shuffle effect.

How to use it:

1. To use this plugin, just include the nylautowriter.jquery.js script after jQuery library:then call the function on the target text wrapper:

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="nylautowriter.jquery.js"></script>

2. And then call the function on the target text wrapper.

$('p').NylAutoWriter({color: "white"});

3. Customize the text animation with the following options.

$('p').NylAutoWriter({

  // text color
  color: "black",

  // background color of cursor
  backgroundColor: 'white',

  // custom letter mask
  mask: ' abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789?!-,.@/\'"',

  // timeout in milliseconds
  timeout: 1,

  // force back and white effect
  blackAndWhite: false,

  // the number of random iterations used per letter
  iterations: 10,

  // callback function
  callback: function(){},

  // font weight
  fontWeight: 'normal',
  
});

Change log:

2016-04-28

  • Handle html content inside the wrapper. (write entire tag instead of write letter by letter)

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