The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

TypeIt : An easy-to-use jQuery plugin that types stuff for you.

Tags :

Plugin rate :

TypeIt is a lightweight, easy to use jQuery plugin that types single or multiple strings defined by the user. Out of the box, it comes with several options to customize behavior how a user desires, and can even handle HTML markup (including custom styles and HTML entities).

Implementation: 

1. Create an HTML element:

2. After including jQuery (1.8.0+) and typeit.min.js on your page, initialize by defining at least one string:

$('#typeitBox').typeIt({
strings: 'A test string!'
});

3. You can also define your strings directly in the HTML element, which overrides the JSON options:

Another test string.

Options: 
strings
String
Default : 'Your default string.' - The string(s) to be typed.
speed
Integer
Default : 100 - The typing speed.
lifeLike
Boolean
Default : true - Will make the typing pace irregular, as if a real person is doing it.
cursor
Boolean
Default : true - Show a blinking cursor at the end of the string(s).
cursorSpeed
Integer
Default : 1000 - The blinking speed of the cursor.
breakLines
Boolean
Default : true - Choose whether you want multiple strings to be printed on top of each other (breakLines = true), or if you want each string to be deleted and replaced by the next one (breakLines = false).
breakDelay
Integer
Default : 750 - The amount of time between typing multiple strings.
startDelay
Integer
Default : 250 - The amount of time before the plugin begins typing after initalizing.
loop
Boolean
Default : false - Have your string or strings continuously loop after completing.
loopDelay
Integer
Default : 750 - The amount of time between looping over a string or set of strings again.
html
Boolean
Default : true - Handle strings as HTML, which will process tags and HTML entities. If 'false,' strings will be typed literally.

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.8
Current version
3.0.0
Browsers compatibility
Google ChromeIE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [0]