Firefox Collapse Menu Html by Deluxe-Menu.com
Firefox Collapse Menu Html

Menu Screenshots

Firefox Collapse Menu Html Dhtml Vertical Navigation

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your firefox collapse menu html menus easily and in no time
  • Sensible menu parameters for manual editing
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
Draggable Java Html Menu Firefox Collapse Menu Html
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed firefox collapse menu html samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: My website team is still having difficulties creating the top menu navigation that I desire. Would it be possible to have a conversation with you to discuss what I desire for the top menu navigation?

I am looking for something similar to www.blockbuster.com

Do you also provide a paid service to create drop down menu for us?

A: Yes, we provide such a service.
See more info:

http://deluxe-menu.com/custom-build-purchase.html


Q: At the very beginning of each javascript close menu item (exception for top level item using "XP-Style") there is always a small gap of 2px width.

Firebug show me this small piece of code :
***********************************
<td id="" style="margin: 0px; padding: 0px;">
<img id="" width="2" height="1" border="0" style="display:
block;" src="images/blank.gif"/>
</td>
***********************************

Is there a way to avoid this ?

A: You should set the following parameter in that case:

  var tXPBorderWidth=0;



Q: Do the Vista style menus support a separator?
It seems to add some space but the separator line is not drawn.


A: Yes, you can paste a separator in the Vista style menus.

Please, see the following parameters:

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

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

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];
Try that.


Q: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?

A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.

You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],

You can also try to set
  var itemCursor="default";
for all items and use <a> tags for all links:

["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}