Easy Customizable jQuery Shuffle Text Plugin - NylAutoWriter
File Size: | 87 KB |
---|---|
Views Total: | 1555 |
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.