jQuery Plugin to recreate this menu effect?

[Bollard]

Hello,

Im developing a website and am playing around with a few ideas for the top section.

I saw this and really liked the menu navigation (the big beefy drop downs with images and links) and was wondering whether there is a jQuery plugin to recreate it.

I had a quick peek with FireBug and can see some basic plugins being used but i think (and fear) the menu effect is mainly custom code (which i am not decent enough to produce myself).

So, on the off chance, anyone know of a way to recreate this sort of menu effect? (Goldman Sachs have a slighlty similar one too)

Cheers

[Paul]

Might be something here that you can use

http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

[RoomKid]

It should be possible.

Style your navigation etc etc. Then use

$('ul#yourNavID li').hover(function() {
	$('ul, this).hide().slideDown();
},function() {
	$('ul, this).slideUp();
});

Good luck :D

[madskl]

Here you go

Mega Drop Down Menu w/CSS and jQuery

Its a <ul> based navigation so you can just put images in the <li> to recreate the effect from the website you linked to. With this you would be able to make something exactly as what you want.

[brian_mi]

I like these Jquery think~~ :laugh:

[PaRtH]

JQuery provides many functions for effects. Check www.jquery.com and check different functions it supports. You will love to use it because it eases the java-script logic.

[Xoligy]

There is something similar on a fb game i play here is a video of them deminstrating it before release: http://tinypic.com/r/14kuq8/5 pretty cool i think

[Marcus16]

The menu effect is mainly in the CSS, a JQuery plugin shouldn't be necessary, just the standard effect functions to have the menu appear when the parent is hovered over.

Take a look at JQuery's doc, or look at ++iHazCool added. Something along those lines is all you really need.

[+Dick Montage Subscriber²]

jQuery doesn't need a plugin here - but it's useful for the fade, and also for the "timeout" before hiding after a mouseout.