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

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).

Download: https://github.com/alexmacarthur/typeit

Demonstration: https://www.typeitjs.com/demos/

Plugin homepage: https://www.typeitjs.com/

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!'
});
  1. You can also define your strings directly in the HTML element, which overrides the JSON options:

Another test string.

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

s3Slider jQuery Plugin & Tutorial

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Usage: HTML: Sample …

jQuery Optimization: Avoid Unnecessary Selector

Common subexpression elimination is a common way to optimize any programming code. Doing unnecessary…

Fading Links Using jQuery: dwFadingLinks

Earlier this month, we posted a MooTools script that faded links to and from a color during the mous…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…