This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Animated Placeholders – placeholderTypewriter, hope it will help you in programming stack.
placeholderTypewriter is a small, fancy jQuery plugin which applies a typewriter style text typing animation to the placeholders within your text fields.
How to use it:
1. Include the latest version of jQuery library (slim build recommended) and jQuery placeholderTypewriter plugin’s JavaScript file on the webpage.
1 |
<script src="//code.jquery.com/jquery-3.1.0.slim.min.js"></script> |
2 |
<script src="placeholderTypewriter.js"></script> |
2. Call the function on the target text field and specify an array of placeholder text you want to loop through.
1 |
$('#search').placeholderTypewriter({ |
2 |
text: ["Placeholder 1", "Placeholder 2", "Placeholder 3"] |
3. Config the placeholder text typing effect.
1 |
$('#search').placeholderTypewriter({ |
Change log:
2017-05-23
This awesome jQuery plugin is developed by bdiekert. For more Advanced Usages, please check the demo page or visit the official website.
