Template: Javascript Tree Structure

Vista Style 5 Dhtml Tree Menu

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

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

Key features:

    - 3-state icons for each item
    - Submenus expand/collapse on mouseover
    - Personal CSS styles for separate menu elements
    - Several menus on one page
    - Relative/Absolute menu position
    - Movable and floatable menu
    - Image arrows
    - Submenus have a fade effect

Menu Screenshots Javascript Tree Structure

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

Features Javascript Tree Structure

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
Runs well with an unlimited number of submenus and items

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

Tree Disable Button Javascript Tree Structure

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

Cost Effective

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

Easy Setup

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

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

Javascript Tree Menu. Expandable Menu.

You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you 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 an animation.

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

Recent Questions Javascript Tree Structure

Q: My slide drop down menu appears at the top of the page rather than in the cell in which I placed it

A: You're using absolute position for the menu now:

var absolutePos=1;

You should use the relative position:

var absolutePos=0;

Q: I would like to use it in a page containing two iFrames.

The iFrame called "nav" is where the menu will appear and the iFrame called "main" is where I want any sub-menu items to appear.

How can this be done given there are no "frameset" tags in this type of structure?

A: JavaScript Tree Menu doesn't work with <IFrame> objects.
It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.

You should use standard installation for the menu.

Q: I have just purchased your menus and no matter where I place the code, the pull down menu in javascript always appears in the top left of the page, I need it elsewhere obviously but it simply won't move.. How do I do this?

A: You're using absolute position for the menu now. You should userelative position in that case. Change the following parameters:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

>Kehren Sie zu Neuen Fragen zurück

Q: We are a registered user of deluxe menu.
We are using your Deluxe-Menu.
We have one problem we have implemented menu in our html page.
It works very well in IE but there is a problem in firefox.
It display gap between two menu.

A: 1) You can move search engine friendly code inside the NOSCRIPT tag:

<noscript><a href=http://deluxe-menu.com/>Javascript Menu by Deluxe-Menu.com</a>
<div class="dmlinks" style="font:normal 11px Verdana;color:#000000;text-decoration:none">
<a href="default.html">Home</a>
<a href="products.html">Products</a>

...
<a href="channel_partners.html">Partners</a>
<a href="feedback.html">Feedback</a>

<a href="http://blogs.innowera.biz">Blogs</a>
</div>

</noscript>

You won't see links when your page loads in that case.

2) You should specify the following parameter:
var itemSpacing="0";

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