| MenuPosition: Smart CSS/Javascript Hybrid Menus |
|
|
|
Page 3 of 4
ConfigurationMenu DirectionThe direction in which sub-menus appear is determine using one of two methods. The first (and preferred) method is the use of classes in the top-level <UL> or enclosing <DIV> tag. Horizontal top-level menus should include a class of "mpDown" or "mpUp" to specify whether first-level sub-menus should drop down or raise up from the base menu. Vertical menus, and horizontal menus with the potential to have more than one level of sub-menus, should include a class of "mpRight" or "mpLeft" to specify whether sub-menus should initially be staggered toward the right or left. If only "mpDown" or "mpUp" is specified, the default for subsequent sub-menus is "mpRight". A typical menu across the top of a page will have a class of "mpDown mpRight". A typical left-side menu will have a class of "mpRight". If directional classes are not specified, menuposition will check the "float" style of list items in the menu. If there is a float style of either "left" or "right", the menu is assumed to be horizontal, and "mpDown" is used for the next level of sub-menus. Otherwise, the menu is assumed to be vertical, and "mpRight" is used for sub-menus. Minimum Sub-Menu Overlap
Menuposition will make sure that sub-menus have at least window.mpMinOverlap pixels of overlap with the parent item (side-to-side if the parent menu is horizontal, or top-to-bottom if the parent menu is vertical). This space is used to guarantee that the user can move the mouse or other pointing device from the parent item to the sub-menu.
|
||||||
| < Prev |
|---|


