Javascript Tree Menu by

DHTML Tree: XP Style Silver
        Movable Tree Menu DHTML

version 3.3

  • 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


          Standart Web Tree Menu
          XP Style Silver  
          XP Style Blue  
          XP Style Olive  
          XP Style Green  
          XP Style Orange  
          XP Style Red