The only difference between this and an earlier example (Multiple horizontal menus, with selectable loader) is that there is virtually no gap between rows here, and an expanding image overlaps the neighbouring rows.
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.
Horizontal menu with ‘middle’ alignment, where the bias is set for 20% expansion at the top, 80% bottom, instead of the default 50/50.
Horizontal menu of links, with the links actually active (ie. not intercepted by my default click handler!) and calling other examples.
Five horizontal menus, each with 5 elements and a 1 second fade-in. The loader option can be changed to test against different browsers.
Horizontal menu with ‘middle’ alignment. The dock has a full border, using images with a transparent background.
A more complex example, demonstrating the facility to change a menu item’s image post-initialisation (in this case, by clicking the buttons).
Horizontal mixed menu, with ‘middle’ alignment, and labels enabled (‘tr’). Images are padded, and distance is extended to compensate.
Horizontal menu of mixed link and images, with ‘middle’ alignment, and labels enabled (‘tr’). Images are given extra padding.