stunicholls.com

...exploring the possibilities

Horizontal sliding dropdown menu #2 using jQuery

11th November 2008



© 2008 stunicholls.com

Next Demonstration Next Demonstration

Information

Now we are on a roll, so I thought that it would be fairly simple to alter the previous menu to create a horizontal dropdown version using jQery, and here it is.

This one uses mouse hovers instead of mouse clicks to open and close the dropdown menus so it is possible to have links in all the top level items.

It also has the additional feature that if the mouse is moved off the menu and there is an open sub menu it will automatically be close after 2 seconds.

The single image used can be found here : background image.

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

You will need a copy of jQuery to be able to use this menu and as it is so simple there is no download as such. All the information can be found in the source code.

A donation for use would be appreciated.