 |
| Text Typing Animation Effect With jQuery Plugin |
selfw.js is a jQuery plugin to emulate text typing or typewriter animation effects, this javascript allows you to print any text on character screen at fixed or random speed and can easily to set those plugin js.
How to use it:
1. Download the plugin and load the selfw.js script after jQuery.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/selfw.js"></script>
2. Call the function on the existing text content and the plugin will do the rest.
<p id="text"> Any Text Here </p>
$(function(){
$("#text").selfw()
});
3. You're also allowed to define the text in the text parameter.
<p id="text"> <!-- Empty Container --> </p>
$(function(){
$("#text").selfw({
text: 'Your Text Here'
})
});
4. Customize the typing speed. Default: 100ms.
$(function(){
$("#text").selfw({
time: 200,
})
});
5. Or randomly change the speed of typing.
$(function(){
$("#text").selfw({
random: true
})
});
Live Demo
See the Pen Untitled by Plugin JS (@pluginjs) on CodePen.
File Info
- File Name :
- selfw-master.zip
- Size :
- 328.85KB
- Site Download :
- Github.com
- Official Website:
- Go to website
- License:
- MIT