🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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

text-animation Text-Shuffle

Documentation

NylAutoWriter

Auto-writer Jquery plugin with a little visual effect

demo: http://www.nyl.graphics/nylwriter/demo/

Installation

By Downloading files:

<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="   crossorigin="anonymous"></script> <script src="js/nylautowriter/js/nylautowriter.jquery.js"></script>

With bower:

bower install jquery.nylautowriter 

Examples

Basic usage

$('#text').NylAutoWriter();

With callback

$('#text').NylAutoWriter(function() {     console.log("It's done !"); });

With options

$('#text').NylAutoWriter({     color: #00FF00, });

Full example

$('#text').NylAutoWriter({ color: #00FF00 }, function(){     console.log("It's done !"); });

Options

color
Default : 'black' the text color of the writter's cursor. 
backgroundColor:
Default: 'white' The background color of the writter's cursor 
fontWeight:
Default: 'normal' Set the weight of the cursor (support all css values) 
mask
Default: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789?!-,.@/\'"' The mask used by the script to pick random letters for the cursor effect 
timeout
Default: 1 The timeout value in milliseconds used into the cursor effet 
blackAndWhite
Default: false Use this flag to force back and white effect with the cursor. 
iterations
Default: 10 The number of random iterations used per letter for the cursor effect 

You May Also Like