Html Menu Deroulant Horizontal by Deluxe-Menu.com
Html Menu Deroulant Horizontal

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Text aligned to left
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Unlimited number of sub levels
    - Top items and submenus have a shadow
    - Relative/Absolute menu position
    - Status string shows item labels
    - Items with icons




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Html Menu Deroulant Horizontal Java Script Dropdown Menu

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

Features

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
  • Section 508 compliant
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!
Cross Browser Dhtml Menu Tutorial Html Menu Deroulant Horizontal
Easy Setup
  • De Luxe Tuner. GUI interface to create your html menu deroulant 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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.

A: No, unfortunately it is not possible. Some top item should behighlighted.

But you can try to add separator in the beginning of the menu and set:
  var bselectedItem=0;
  var bseparatorWidth="0px";

  var bmenuItems = [
["-",],
["   Deluxe Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];




Q: Could you please tel me : How to use UN-Code on the item. I make some menu based on Farsi language ( Arabic) , but it does not work.


A: You're able to use any characters for Deluxe Menu in the same way asyou use them for standard html page.
The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In Deluxe Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.


Q: No matter where I paste the script in the html for the drop down menu I created, it shows up at the top left corner of the page.

I would like it to go below the blue banner at the top of the page.
Please advise as to what I am doing wrong.


A: Now you're using absolute position for the menu:

  var absolutePos=1;
  var posX="10px";
  var posY="10px";

Try to use relative position

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


Q: Is it possible to have the "parent" item be purely an image but the dropdown portion of the menu being in regular text?

What we want to do is show emulate a basic text look for the main menu headings but the font is a special font so we have to use an image. When hovered over we'd like to replace the image (i.e do a rollover) with the same text but a different color.


A: Yes you can create such menu.
You should use images for the main items.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],


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