Template: Jquery Tree Menu Template

XP Style Blue XP Style Javascript Menu Tree

Different XP Styles
You can create any style for XP menu:
   - different icons, colors, and buttons for each submenu title;
   - any color for borders, backgrounds, and font of menus and items;
   - any available font style;
and many other options!

Key features:

    - Movable and floatable menu
    - Image arrows
    - Vertical orientation of the Tree Menu
    - Several menus on one page
    - Personal CSS styles for separate menu elements
    - Submenus expand/collapse on mouseover
    - Submenus have a fade effect
    - Relative/Absolute menu position

Menu Screenshots Jquery Tree Menu Template

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

Features Jquery Tree Menu Template

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

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 In Css Jquery Tree Menu Template

Cost Effective

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

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

Easy Setup

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

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

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Jquery Tree Menu Template

Q: How do I make the submenus sticky i.e. they will not close even when the mouse goes to somewhere else on the page?

A: I've checked your menu in all browsers. I can't see such problem.

You can try to adjust these parameters:

var transDuration=200; // Delay of a transitional effect (in ms) on submenu's showing.

var transDuration2=100; // Delay of a transitional effect (in ms) on submenu's hiding.

Q: Can Deluxe menus work with tables?

A: Yes, you can place your menu into the <div> or <table> tag.

For example:

<table>
    <tr>
       <td><script type="text/javascript" src="menudir/data.js"></script></td>
   </tr>
</table>

Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem

A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

Q: I'm trying to display the submenus to the left of the vertical navigation bar.

A: Try to use the following parameter:

var subMenuAlign = "left";

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