Typer.js is an easy-to-use jQuery plugin that types.

Get it

Download .zip Download .tar.gz View on GitHub

Usage

jquery.typer.js can be used one of two ways:

Type once with typeTo()

If you just want to use the effect once, use typeTo(). It can be used as follows:

$('h3').typeTo("New Text");

This will do a one-time transition.

Type indefinitely with typer()

Now let's say you want to loop over a set of strings for the typing effect. Easy!

$('[data-typer-targets]').typer()

That code will start the effect on all elements with the data-typer-targets attribute.

You obviously need to supply it with some source data. The data-typer-targets attribute can be either a comma-separated string or a piece of JSON.

Demo

The Lemon Hibiscus is a fine plant, but careful not to overwater it.

License

Copyright 2013 LayerVault Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.