stunicholls.com

...exploring the possibilities

Hover through flyout menu

28th April 2008

© Photographer: stu nicholls - Singapore orchid garden

© 2008 stunicholls.com

Information

A follow on from my click through menu, this one works using hovers instead.

Hover to open and hover to close. It doesn't matter where you are in the menu structure you can hover any 'open' item to change course. The open sub menus will stay open if you move the mouse away from the menu.

This menu has six levels but it is easy to add more, just follow the sequence in the javascript.

I have used a simple stylesheet for this menu, but as each level has its own id it is possible to style each menu list in a unique way and place it anywhere on the page.

Tested in IE6, IE7, Firefox, Opera and Safari (PC).

Download

If you would like a zip file of this menu then email me stating if it is for personal, 'non-profit, or commercial 'for-profit' use.

Please see my Terms of use.