Javascript Tree Menu by

DHTML Tree:    XP Style Green
                  Dynamic Expandable Menu

version 3.3

  • XP-Style Expandable Menu
    This sample has XP-style.
    You can create both standard or XP-like types of expandable menu.

  • 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)

  • Disable/Enable Items
    Some of items can be disabled by default.
    Set item's target to "_" to disable the item.
    For example:

    ["My Item", "mypage.html", "icon1.gif", "icon2.gif", "icon3.gif", "Short Tip", "_"]

    On this example items "Sample 6", "New Sample 2", and "New Sample 5" are disabled.

    See info about   Dynamic Functions.
    These functions allow to disable/enable items dynamically.

  • Items Visibility
    Each item can be hidden by default.
    To hide the item write '#' symbol before a text of the item.
    For example:

    ["#My Item"]

    On this sample items "Sample 2" and "Sample 5" are hidden.

    You can also change items visiblity dynamically "on-the-fly".
    See more info about   Dynamic Functions.

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