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