jQuery Lavalamp Menu

by Dave Reeder 12. July 2009 00:28

I recently needed a menu with a bar/graphic that would slide around using some sort of animated affect. This had been specifically requested by my customer.

These types of menu have become known as "LavaLamp" menus because the hover state background moves and "stretches" a bit like the lava in a lavalamp.

I knew there was a mootools one which worked nicely by itself, but the site I wanted to put it on already had other jQuery effects going on, so I was hoping to use the jQuery library I already had loaded on my site.

Sure enough I found a jQuery LavaLamp plugin. It worked very nicely alongside my other jQuery effects and was easy to integrate.

Below is an example of the LavaLamp menu in action. The full version has a vertical version too:

See the full demo

Tags:

Submit to DotNetKicks...
Permalink | Comments (3)

Comments

8/1/2009 4:35:47 PM #

Cool menu, but very sad it doesn't work in IE6, It becomes unusable  and stretch out when visitor used that browser.

danreb

10/17/2009 9:39:52 AM #

somebody should make a kind of virus which would erase every single ie6 in the world...

crousti

1/28/2010 9:51:55 PM #

Pleasure in the job puts perfection in the work.

Loans in Ohio

Comments are closed