Try it!
Tweak the settings (optional), enter at least one string, and watch it go!
Type Speed
Life-Like
True
False
Show Cursor
True
False
Break Lines
True
False
Break Wait
Delay Start
Wait, what do these settings actually do?
output box
Start Typing on Your Site!
To get it going, just initialize with a string:
Rerun
Code
<p class="example1"></p>
$('.example1').typeIt({
whatToType: "You've just initialized this bad boy.",
typeSpeed: 100
});
Output
Or, do it with data-typeit-* attributes:
Rerun
Code
<p class="example2" data-typeit-whattotype="This was defined with a data-typeit-* attribute." data-typeit-typeSpeed="100"></p>
$('.example2').typeIt();
Output
You can even use multiple strings that stack on each other:
Rerun
Code
<p class="example3"></p>
$('.example3').typeIt({
whatToType: ["This is a string!", "And here's another one."],
typeSpeed: 100
});
Output
Or use multiple strings that delete & replace each other:
Rerun
Code
<p class="example4"></p>
$('.example4').typeIt({
whatToType: ["This is a great string.", "But here is a better one."],
typeSpeed: 100,
breakLines: false
});
Output