 |
|
|
|
|
|
|
-
XP-Style
This sample has XP-style.
You can create both standard or XP-like types of Tree Menu DHTML.
-
Movable Tree Menu DHTML
Try to move the menu using the top spacer above the tree menu (drag-n-drop. Parameter: var tmoveable).
-
Animation and Effects
- Click on titles of sub menus - sub menus will collapse or expand.
- Sub menus have a fade effect in IE when you collapse/expand them,
so your menus look like original menus in Windows XP Explorer.
- You can set different speed for animation (parameter: var tXPIterations).
-
Different XP Styles
You can create any style for XP menu:
- different images, icons, colors, and buttons for each sub menu title;
- any color for borders, backgrounds, and font of menus and items;
- any available font style;
and many other options!
-
Expand/Collapse Control
There is the menu where 1 item only can be expanded at the same time.
- When you open another item a previous expanded item is collapsed (parameter: var tcloseExpanded).
- At the same time both sub menus can be opened (parameter: var tcloseExpandedXP).
-
Selected Item
- Click on any item.
The test page is opened and pressed item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a item's text.
View data-file of this sample
Samples:
Standart Web Tree Menu
XP Style Silver
XP Style Blue
XP Style Olive
XP Style Green
XP Style Orange
XP Style Red
|
|
|
