Template: Css Tree Menu Samples

Linux Javascript Tree View Menu

The template emulates Linux menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell.

Key features:

    - Inactive/Disabled items
    - Submenus expand/collapse on mouseover
    - Filters and Transitional effects
    - 3-state icons for each item
    - Status string shows item labels
    - Relative/Absolute menu position
    - Movable and floatable menu
    - Unlimited number of sub levels

Menu Screenshots Css Tree Menu Samples

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

Features Css Tree Menu Samples

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

Easy Setup

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

Example Menu Dhtml Tree Css Tree Menu Samples

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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".

Professional Look-n-feel

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

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

Javascript Tree Menu. Expandable Menu.

Use a mouse to move a menu as a usual window.
When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

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

Recent Questions Css Tree Menu Samples

Q: How do I turn off the transitional effects for the dreamweaver drop down menu?

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;

Q: We create the menu code via ASP, and we need to have 2 menus on one page. Normally you do this by having 2 java scripts includes.

However it looks like the bottom menu activates the first menu?

A: Now you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
You should write so:

...
<head>


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menu2.files/";</script>
<script type="text/javascript" src="menu2.files/dmenu.js"></script>


</head>

Please, delete the same code from the tag.

Q: When i stay on one page so must have the menue-point of the html menu for this page another color or font. How can i make this?

A: You should set pressed item.
Please, check the following parameter

var pressedItem=-2;

This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
var pressedItem=1;
parameter on each html page.

Q: I want that the font of an selected menupoint for the horizontal tree view is bold and red.
What is the variable to define that?

A: Try to use the following parameter:

var tpressedFontColor = "#AA0000";
// Color of a text of selected items. Used when var ttoggleMode = 1.

Date: 10.21.2005

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