Free Horizontal Css Menu With Icon by Deluxe-Menu.com
Free Horizontal Css Menu With Icon

Menu Screenshots

Free Horizontal Css Menu With Icon Submenu Example In Javascript

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free horizontal css menu with icon 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!
Menu Pull Down In Javascript Free Horizontal Css Menu With Icon
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is there a way to have multiple drop down menus on the same web page? What I mean by that is I have a banner with drop downs (horizontal on page) that I want to use possibly with an include statement and when you click on one of the links from the drop down it would take you to a page that is say a department for example. But on this "department page" it would have another list of drop down menues in a different location in a vertical list. This gets tricky with a second set of script running to define the banner and a second set of drop down menues running vertical in a different location.

A: You can use as many different drop down menus on your site or your page as you want.

See more info about installation of several menus on the single pagehere:

http://deluxe-menu.com/installation-info.html



Q: What I would like to see is the ability to have a base site navigation menu with all the definitional entries (size, locations, icons, etc.) defined but all the menuitems be called from an Ajax file.

A: You cannot use ajax submenus for the top items.
But you can use several .js file, for example:

params.js //file with all menu parameters (size, locations, icons, etc.)
all code before
  var menuItems = [
...
];
dm_init();

data_ajax1.js //data files for ajax submenus
data_ajax2.js
data_ajax3.js
...

main_data.js - data file with the following code:

  var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();

You can also place this code into your html page directly (in the place where you want tohave a menu):

<script type="text/javascript">
  var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();


Q: When I add the menu to sites which are using ASP script the font color doesn't change when I roll over the menu, can you please have a look for me and explain whats up.


A: You're using CSS for your web pages.
You have set the font-color for the <TD> tag in an css style sheet file to #ed9c33.

Notice you should use CSS-based menu (CSS mode) if you're using CSSfor your TD tags (and for other objects).


Q: I'm evaluating a copy of deluxe-tree and have a question about long items. I need to be able to either automatically wrap the line to fit the width given in the tmenuWidth variable or insert line breaks as I see fit.

At the moment I have found that I can insert the <br> tag to force a line to break but it messes up the space after the menu, if I have several one after the other then they will sit close together. If I add a
at the beginning of the menu entry then the space before is bigger than the default.

Is there any easy way around this?


A: Try to set the following parameter:

  var tnoWrap=0;