birdman.js

A JQuery plugin to animate text as in the credits of the 2014 movie "Birdman".
See it in action at chrisma.github.io/birdman.js

I'm aware that Birdman was not the first movie to use this effect, but the name is so nice.

Setup

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="birdman.js"></script>

Initialize the plugin on the content you want birdmanned. This works with any styling.

$('.birdman').birdman();

The birdman function takes an object with configuration options. Supported are:

method: The method used to split the text. Default is 'letters'. Other options are 'words' and 'lines'.
order: An array deciding the order in which parts are animated, e.g. ['a','b','c',...], if more than one part is supposed to be animated at the same time, put them in a separate array, e.g. [['a','A'],['b','B'],...]. Default is case insensitive alphabetical order.
delay: The amount of milliseconds between each animation. Dafault is 150.
speedUp: Boolean indicating whether the animation should become faster towards the end. Default is false.