DHTML Tree Menu
DHTML Tree Menu: XP Style Orange
version 2.0
Apycom software: apycom.com

Samples:     Blue  |     Silver  |     Olive  |     Orange  |     Green  |     Red  |     Standard Tree  |

Apycom's DHTML Tree Menu

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

  • Animation and Effects
    - Click on titles of submenus - submenus will collapse or expand.
    - Submenus have a fade effect in Internet Explorer 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)

  • State Saving
    There is no need to write additional code on a server side to remember what items were expanded/collapsed.
    DHTML Tree Menu can save items state automatically!
    Set the following parameter:

    var tsaveState = 1;

    and the menu remembers its structure for each user who visit your page.
    Try to expand/collapse items. Then reload the page and you'll see results.

  • Default Expanded/Collapsed Items
    You can set default expanded/collapsed items and submenus.
    If you want the item will be expanded by default write '+' symbol before a text of the item.
    For example:

    ["+My Item"]

    If you want to expand all items by default set the following parameter:

    var texpanded = 1;

See also:
     What's New  |   How To Setup  |   Parameters
bootstrap gallery | homepage baukasten | free icon fonts | bootstrap menu | css3 menu