Template: Css Tree Navigation

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
(parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Unlimited number of sub levels
    - Submenus automatically scrolls
    - Movable and floatable menu
    - 3-state icons for each item
    - Submenus expand/collapse on mouseover
    - Several menus on one page
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements

Menu Screenshots Css Tree Navigation

Buy Now! :: Free Trial Download :: More Info

Features Css Tree Navigation

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed css tree navigation samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Drag And Tree Toolbar Css Tree Navigation

Seamless Integration

Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

Easy Setup

De Luxe Tuner. GUI interface to create your css tree navigation menus easily and in no time
Sensible menu parameters for manual editing

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Css Tree Navigation

Q: When I create a tree menu that can be expanded with the double arrows. I was wonder if there was a way to have the dhtml slide tree menu already expanded with I open the page the menu is on instead of having to expanded every time.

A: To expand items by default in Javascript/DHTML Tree you should add '+' symbolbefore item text.

Foe example:
["+Javascript/DHTML Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
   ["||What's New","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
   ["||Features","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
...

The following parameter expands all menu items by default:

  var texpanded=1;

Q: When on mouseover of a JavaScript Tree Menu icon, naturally a tooltip will come up if you have inserted text there. I seem to have no control over the length of time the tooltip stays active nor the colour or size of the font in that through script drop down menu. Am I missing something? I would like to be able to have the tooltip stay for about 30 seconds and also change the font size and colour of text in the tooltip only.

A: No this is a standard hint, there is no way to increase the time it stayson the screen or change its color.

Q: How do you get the menu items in the transparent drop down menu to change to the hand like it's a hyperlink?

A: Set the following parameter in your data.js file:

var itemCursor="pointer";

Q: I am working with tabs. Can you tell me why I would be receiving the following menu javascript error:

‘tabs[...].id’ is null or not an object

A: Try to set the following menu javascript parameter:

var bselectedSmItem=0;

Buy Now! :: Free Trial Download :: More Info