This menu is yet another drop down menu like YADM, son of sucker fish, Gazingus.

And the author highly inspired from them when creating it.

The menus that are listed above utilize CSS to separate design from content, which is a good thing.

However, they are stateless; thus they require a very good hand-eye coordination, which is not a good thing in terms of usability / accessibility:

First, one may not use his hand/eye perfectly due to his specific exceptional situation. Second, one may not have mouse at hand to hover on the menu. So an alternative way to CSS hover should be given as well.

As far as our observations are concerned; only YADM can be an exception to this scenario, it pretty much cares for accessibility:

It allows tabbing between menu elements. However, it's implementation of tabbing is a little confusing (just my humble opinion: You tab to a nested element, but the nested element does not get visible; you need to manually activate the sub-menu by clicking "enter". Once clicked, the menu is not de-activated as well, without using the mouse).

DropDownMenu uses CSS as well. In addition, it utilizes DHTML and allows tabbing between menu elements as well as hovering over them. Plus, it allows an adjustable predefined timeout interval between menu transitions. That is, the menu does not get lost immediately when you accidentally move your cursor outside.

Tabbing behaves exactly the same as hovering (the same handler is attached to both events). When you tab to a menu element, it's sub-menus will show after the predifend time interval passes or after the user presses enter key; nothing will remain invisible.

We appreciate any suggestions to improve the menu further. TIA.

Creates a brand new DropDownMenu.

initializes the DropDownMenu.