Free Css Menu by Deluxe-Menu.com
Free Css Menu

Menu Screenshots

Free Css Menu Javascript Menu The Best

Features

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 free css menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Creating A Scrolling Menu Bar Free Css Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your free css menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?


A: You can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,

http://deluxe-menu.com/multilevel-menu-sample.html

Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.


Q: How do I make the main nav links align left in my horizontal menu (they are center aligned).

A: Try to use the following parameter:

  var itemAlignTop="left";



Q: I am trying to implement something with your wonderful product and have annoying problem that I am sure You are going to solve.

I am using 2 deluxe-menus on the same page.
The first one for showing some hierarchy of sites, and the second for showing pop-up right-click context menu (that clicked on some menu-item from the first deluxe-menu) .

The problem is that in case the user clicked on some sub-menu from the first css horizontal menu drop down, then all the sub menus disappear. I want them to stay.

I tried to give to the first deluxe-menu *smHideOnClick*=0 , but it doesn't help.

A: Try to set the following parameter:

  var smHidePause=-1;


Q: How can I vary the width of the individual items (Home, Product Info etc) on the main menu bar?


A: I'm not sure I understand you. You want to use different width (exactwidth) for the main items?

You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Excel Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|XLCubed Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],