jQuery Plugin For Placeholder Typewriter Effect - Introducing

File Size: 7.34 KB
Views Total: 1741
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Placeholder Typewriter Effect - Introducing

Introducing is a super small jQuery plugin for creating animated placeholder that allows to print the placeholder text letter by letter just like the typewriter. Supports both textarea and input field.

See also:

How to use it:

1. The plugin requires jQuery 1.x or higher. Make sure to load it before the jquery.introducing.js script.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="src/jquery.introducing.js"></script>

2. Specify the short hints for your input and textarea elements using data-placeholder attribute instead of the native placeholder.

<textarea data-placeholder="Placeholder text here"></textarea>
<input type="text" data-placeholder="A Input Text">

3. Call the function on the text fields and you're done.

$('textarea,input').introducing()

This awesome jQuery plugin is developed by DudesGoods. For more Advanced Usages, please check the demo page or visit the official website.