Features

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 UL/LI items structure Runs well with an unlimited number of submenus and items

Html Slide Menu Menu Kikou Horizontale Js

Seamless Integration

Cross-frame support - menus work on frameset-based pages 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 menu kikou horizontale js menus easily and in no time Sensible menu parameters for manual editing

Professional Look-n-feel

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

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.

1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.

I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.

A: > Is there a way to define the border image or color on an item.

You can't specify the image for border, but the color and width are fully configurable.

> 2. Is there a way to dynamically highlite an item?
Yes, please see

http://deluxe-menu.com/dynamic-functions-sample.html

Q: It's simply not saving the state.  Clicking the items on the menu is inconsistent.  Sometimes it saves sometimes not.

  It seems to be a lot worse in this area.


A: See, Tree Menu saves it's state using cookies.
But it can't re-save the same cookie file from different folders.
For example, if the tree from "website/page.html" saves it's state,the menu from "website/content2/page.html" can't read this state andit creates it's own state. The problem is that it's a standardfeature of browsers and Javascript can't control that.

Q: I would like to have the dhtml sliding menu save the state when reloading or refreshing the browser.Can this be done with the expandable menu? If so, what is the syntax?

A: You should use the following parameter:

  var tsaveState = 1;

Example, you can find here:
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.html

Q: I'm using the trial version of your product and have a question for you before purchasing:

How do I show different content when selecting the different dhtml layer menu tabs?

For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>