stunicholls.com

...exploring the possibilities

Professional slide down #1

27th October 2008

Image © Nicky Linzey | Dreamstime.com

Menu © 2008 stunicholls.com

Next Demonstration Next Demonstration

Information

Another sliding menu. This time a simple drop down menu that has a vertical sliding action. Hover over a top level link to slide down the submenu, and it does slide down, not just appear using a vertical shutter action, and then hover over the same top level to close or another top level to open that one and close the previous one. You can run your mouse over the top level items to open and close them and they will all work simultaneously.

This uses a simple javascript routine to read the mouse hovers and slide the sub menu list either up or down depending on the current state of the sub menu.

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. Because of the complexity of this menu a donation is required for any use and, as with all other demonstrations on stunicholls.com, the copyright comments must be kept in the files.

Please see my Terms of use for other conditions.