HTML5 version of preceding example, utilising ‘data-‘ attributes to set options, and calling $( ).jqdock() instead of $( ).jqDock().
Horizontal & vertical menus of links, with a ‘top’ level activating 1 or more of 3 ‘sub-levels’. Out-of-sight menus are positioned outside the viewport.
Vertical menu with ‘center’ alignment, where the bias is set for 25% expansion to the left, 75% right, instead of the default 50/50.
Horizontal and vertical menu : the vertical menu is completely and solely controlled by the horizontal menu (of links).
Horizontal menu (of links) at the top, vertical menu on the right, both with labels enabled.
Vertical menu on left-hand edge, with ‘flow’ enabled; the dock no longer takes up its maximum (fully expanded) required space, and does not auto-center.
Vertical menu in a ‘fixed’ position against the left-hand edge of the page, with ‘left’ alignment.
Vertical menu, with align set to ‘center’, labels enabled – positioned at bottom-right (‘br’) – and an inactivity timeout of 4 seconds.
Vertical menu against the right-hand edge of the page, with align set to ‘right’, and labels enabled (at the default position).
Vertical menu against the left-hand edge of the page, with align set to ‘left’, and size set to 60.