mouseClick Drop-down Menu Template

CBE Menu Example 5






This menu uses absolutely positioned labels that are positioned horizontally. They begin immediately under the H1 element above because I put a relatively positioned DIV there as a menuAnchor. The first menuLabel is positioned at (menuAnchor.pageX(), menuAnchor.pageY()). Read more about this relative anchor technique.

This menu is similar to menu example 1, but this menu works on mouseClick instead of on mouseOver. A click on a menu label opens a menu, and the menu remains open. A click on the menu label, or anywhere on the document, closes the menu.

cross-browser.com