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.
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 background and border styling applied to the dock’s wrapper – which provides a static background instead of a moving one.
Switches image source paths based on an ‘enable/disable’ checkbox, and has ‘current option’ styling.
A more complex example, demonstrating the facility to change a menu item’s image post-initialisation (in this case, by clicking the buttons).
Horizontal menu with ‘middle’ alignment. Instead of an immediate ‘show’ the menu is set to fade in over 2 seconds.
Vertical menu, with align set to ‘center’, labels enabled – positioned at bottom-right (‘br’) – and an inactivity timeout of 4 seconds.