jQuery Plugin for Vintage Text Typing - jqVintageTxt
File Size: | 874KB |
---|---|
Views Total: | 5852 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
jqVintageTxt is a funny jQuery plugin that display a vintage monitor on your web page to type something with Green Scanlines and Self-typing text effect.
Basic usage:
1. Add jQuery library and jqVintageTxt to the head section of your html page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.vintageTxt.js"></script>
2. Include jqVintageTxt CSS
<link rel="stylesheet" href="css/vintageTxt.css">
3. Markup
<div id="demo"></div>
4. Call the plugin with options
$('#demo').vintageTxt({ text: ["TEXT 1,","TEXT 2.","TEXT 3"], textSpeed: 150, // One line per array element. linePause: 500, // The duration of the pause between each line (800ms) promptEnabled: false, // Show an input prompt underneath text onFinishedTyping: function() { $('#foo').delay(500).fadeOut(2000); // Callback for when all the text has been typed } });
Change log:
v0.1.3 (2013-11-29)
- Fixed linePause option
This awesome jQuery plugin is developed by ericterpstra. For more Advanced Usages, please check the demo page or visit the official website.