Easy Customizable jQuery Shuffle Text Plugin - NylAutoWriter
| File Size: | 87 KB |
|---|---|
| Views Total: | 1568 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
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.











