C and S Design.
Search Friendly Programming and Design

Go to -> C and S Design -> Articles -> DHTML -> Menus -> Drop Down -> Show Code

Click here to view or download the code for this example


Hide Menu | Show Menu Show/Hide Menus

This is a basic drop down menu, an onMouseOver() event is used to show the submenu and rather than the usual onMouseOut() event to hide the drop down menu which does get irritating when moving off the area accidentaly causes the menu to hide again, this menu will hide only once a link has been clicked.

Thie javascript that runs this menu is currently hardcoded with the number of elements in an array, a future version will add more flexibility in the menu design.



Valid HTML 4.01! Valid CSS! copyright © C and S Design 2004 - 2005
Website Design and SE Friendly Coding C and S Design