Javascript Menu Horizontal by Deluxe-Menu.com
Javascript Menu Horizontal

Menu Screenshots

Javascript Menu Horizontal Javascript Dropdown Menu Image

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu horizontal menus easily and in no time
  • Sensible menu parameters for manual editing
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
Dropdown Menu Examples Javascript Menu Horizontal
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu horizontal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: The first is that for some reason my item separator image will not show. I have tried everything.. and no matter what I do the image will not show. I designed a graphic that is 2 pixels high and is the width of the total menu. The first problem is that the graphic wont show at all.. and I do not know why. Secondly, I am now thinking that I would like to use the separator graphic on all levels of the menu.. but this creates a another issue.. as the width of the submenus varies based on the length of the text displayed. How then can I have a separator image work in the submenus?


A: Try to write you Item Styles so:
  var itemStyles = [
["itemBorderWidth=1","itemBorderStyle=solid,solid","itemBorderColor=#D7F5FE,#FFFFFF",
"fontColor=#A0A0A0,#A0A0A0","fontDecoration=none,none"],
["itemBackColor=#6DD0FE,#00ACFC","itemBorderWidth=1","itemBorderStyle=solid,solid",
"itemBorderColor=#6DD0FE,#FFFFFF"],
];

See the normal item border color.

You didn't paste separator into your menuItems.
["-",],


Q: I'm having trouble getting some of my dhtml menus free opening in the frm2. If you look under products, then Hard drives, then Rugged Airborne .....this one and Rugged Ground will not open in frm2 but the Contact Us and Get Quote are working fine. Can you help me get these things to open in a frm2.

A: You should write your menu items correctly.

Now you have
   ["||Rugged Airborne","../RuggedAirborne.htm","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","Ground","frm2","0", ],
it is not correct.

You should write:
   ["||Rugged Airborne","../RuggedAirborne.htm","","","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","","","Ground","frm2","0", ],



Q: I was adding a title to the page containing the Turner Delux drop down menu and now the  the menu is gone and I cannot recover it.   

Please tell me in very plan instructions how to load the Mneu on to a blank Front Page web page.


A: See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

2.You can send us a copy of your html page (including .js files andimages), so we can check it.