轻量级响应式jQuery打字机特效插件 A jQuery animated typing plugin that types stuff for you

jQuery之家 返回下载页

Try it!

Tweak the settings (optional), enter at least one string, and watch it go!
Wait, what do these settings actually do?
output box

Start Typing on Your Site!

To get it going, just initialize with a string:

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:

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:

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:

Code <p class="example4"></p>

$('.example4').typeIt({
     whatToType: ["This is a great string.", "But here is a better one."],
     typeSpeed: 100,
     breakLines: false
});
Output