Slashdot-like menu with submenus!
Style:
Slashdot
|
Flatdot
|
Flatdot (right to left)
Menu 1
Menu 1 - Item 1
Menu 1 - Item 2
Menu 1 - Item 3
Menu 2 - Item
Menu 3 - Item
Menu 4
Additional text or graphic - not a menu - not a link
Menu 4 - Item 1
Menu 4 - Item 2
Menu 5 - Nested
Menu 5.1
Menu 5.1.1
Menu 5.1.1.1
Menu 5.1.1.1.1
Menu 5.1.1.1.1 - Item 1
Menu 5.1.1.1.1 - Item 2
Menu 5.1.1.1.2
Menu 5.1.1.1.2 - Item 1
Menu 5.1.1.1.2 - Item 2
Menu 5.1.1.1.2 - Item 3
Menu 5.1.1.1.2 - Item 4
Menu 5.1.1.1 - Item 1
Menu 5.1.1.1 - Item 2
Menu 5.1.1 - Item 1
Menu 5.1.1 - Item 2
Menu 5.1 - Item 1
Menu 5.1 - Item 2
Menu 5.1 - Item 3
Menu 5.1 - Item 4
Menu 5.2
Menu 5.2 - Item 1
Menu 5.2 - Item 2
Menu 5.2 - Item 3
Menu 5.2 - Item 4
Menu 5.2 - Item 5
Menu 5.2 - Item 6
Menu 5.3
Menu 5.3 - Item 1
Menu 5.3 - Item 2
Menu 5.3 - Item 3
Menu 5.3 - Item 4
Menu 5 - Item 1
Menu 5 - Item 2
Menu 6
Menu 6.1
Menu 6.1 - Item 1 with a long name
Menu 6.1 - Item 1 with an even longer name
Menu 6.1 - Item 1 with a much lloonnggeerr nnaammee
Menu 6 - Item 1
Menu 6 - Item 2
Menu 7
Menu 7 - Item 1
Menu 7 - Item 2
Menu 7 - Item 3
Menu 7.1
Menu 7.1 - Submenus don't have
Menu 7.1 - to appear at the top
Menu 7.1 - of the parent menu.
Menu 8
Menu 8 - Item 1
Menu 8 - Item 2
Width:
15%
20%
30%
40%
50%
Collapse:
Last menu
Last Top-level menu
None
Instant Menus
Refresh Menus (for window/font resize)
Speed
Submenu Indent
Submenu Item Indent
Default States
Within the javascript, you can define an array of default states. 0 = open, 1 = closed.
The default states are only actioned when no cookie is found; the default state array is not empty; and the number of elements is equal to the number of menus.
Feedback
Questions can be asked on the
Dynamic Drive Forum
Features
endless? menu nesting
menu item text wrapping
menu resizing on font/window size.
definable default state
menu state assumes default state if submenu count doesn't match cookie data.
collapse last menu, or last top level menu option
instant expand/collapse option
Menu 2 is <a> around <span>
Menu 3 is <a> around menu text
Menu 4 is <a> around menu text & expanding menu on <span>
Credits
original
sdmenu by DimX
Get IE7 from
http://dean.edwards.name/IE7/
to make IE 5/6 behave like Firefox
sliders by CARPE Design