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