Demo

More info and examples of easing at http://lavalamp.magicmediamuse.com/

Default

Creates a div that animates when you mouse over sibling elements.

Margins

Calculates margins when determining the width and height of the lava lamp object.

Set on Click

The lava lamp object sets a new active element when you click on it. You still have to set a default active element or the lavalamp won't initialize correctly.

Set active element

You can change the current active element by passing it into the wrapper data. After setting the data, you need to update the wrapper so your lavalamp object moves to the correct element.

Delay Animation

You can put a delay before and after hover states.

Animate on Focus

Lavalamp object animates on object focus.

Animate on Decendant Focus

Lavalamp object moves on focus of decendants.