Expand Css Menu by Deluxe-Menu.com
Expand Css Menu

Menu Screenshots

Expand Css Menu Css Javascript Drop Down Menu

Features

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!
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
Category Menu Script Expand Css Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your expand css menu 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



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: My site requires me to regularly update the drop down menu by inserting a new item at the top of the list.


A: Add items using the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

iParams = [array] - the array of item parameters.
This parameter has the same structure as an item in menuItems array.
You can assign parameters of another existent item of the menu
(for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.

Find more info:
http://deluxe-menu.com/functions-info.html



Q: I have a menu defined that displays and operates correctly in a page. However, if I place that same page in an iFrame the menu displays correctly BUT the texpanded parameter no longer works.
If I copy the contents of the iFrame and run it again in a new window, it all works fine again.

Is there something special I need to do in an iFrame?


A: Deluxe Tree Menu doesn't work with <IFrame> objects. It works with objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu.


Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.


A: 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: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Horizontal expanding Flex menu - Ektron DevCenter

My goal is to have a nice, expanding menu along the top of the site, ... and just tweek my flexmenu's CSS to match one on that site

RocketTheme • View topic - Rokstories: Fixed width & side menu not

Everything is fine if I access these articles via my main menu, .... Instead of using the css I mentioned above use something like this in

Expanding Navigation Menu onClick

20 mag 2010 ... Demo: JavaScript Expanding Navigation Menu onClick. How to setup. Step 1: Copy & Paste CSS code below in your HEAD section. CSS. Codice:

Quick.Cart forum by OpenSolution.org

I just defined a few categories and subcategories for the menu on the left side. ... I would like to have these menu's expanded by default, so that all categories ... Valid CSS! version: 2.2.0-alfa | powered by Quick

Menü Horizontal - Websitebaker - Einfaches CMS: Forum

<li class="menu-2 menu-expand menu-current menu-first"> ... ** CURRENT PAGE ** ... <li class="menu-1"> ... </li> <li class="menu-1 menu-expand menu-last">

css DIV with min-height - NOT expanding?? - WebDeveloper.com

css DIV with min-height - NOT expanding?? CSS. ... The left hand alignment with the product menus in (which are huge) needs to appear BELOW

Adjustable Size Of Menu Background :: Forum :: Indexhibit

not at all… pure css. it says "the content stay inside the bloc at 20px of th bottom…" so when the expandable menu works (this is a

Drop Down CSS Menu Drops Behind JoomlaWorks Image Rotator In IE

into each statement of the "suckerfish.css" file. It worked. Now, I'm just trying to figure out how to make the menu expand using OnClick

Menu expand upwards with Click event instead of hover - jQuery Forum

And also changed hover for click on the CSS part and it now opens ... menu item with a click, and then make this expanded div collapse when

Dropdown menus displace the page. - Wordpress Themes - WP Forum at BFA

Actually, the first and the last block in the "PRESENTATION: Expand" section in style.css could be combined to one block for both the page

UDM4 expanding menu not working in Firefox 3 - Ultimate Web Site

Now my menu follows the link BUT does not expand for this page. At least we're one step closer. Code: <li class="onclick"> <a

The eZ Publish Community - CSS Dropdown Top menu Forum

This forum is for comments and trouble about the CSS Dropdown Top ... of the menu and the top of the path creating a space which expands as

MX CSS Menus Forum :: Keeping a menu item selected

No, unfortunately this scenario is not supported by MX CSS Menus. ... I have used the expanded menu without this problem so will check everything else I can

Forum - CSS Menu Test! - Star Wars Combine

Would it be a highlight over -> expand menu, or OnMouseClick -> expand menu? Edited By: Asma Tam on Year 6 Day 307 5:20. Year 6 Day 307 12:34, CSS Menu Test

CMS Made Simple Forum: Multilevel (3 depth) jQuery Accordion Side Menu

Now for the actual accordion menu, you will need jquery-1.4.2.min.js or later and ... <li class="expand"><a href="#">Sub menu heading</a>

How to create a drop-down menu in Joomla 1.5 - a new SiteGround

3. the pill menu seems to now expand and contract as i put my cursor over it. Here is the CSS. any help that you can provide would be much

Pure css drop down menu- vertical?

i have tried to place Adams pure css drop down menu vertically so 2 menu's ..... the <ul> to hold <li> and to expand and collapse on hover

MX Tree Menu Forum :: Auto-expand

Is there a way of having menus auto-expand when a page is loaded? ... Hey, you can add this behavior to the current CSS file or generate a new one and link

Joomla! • View topic - Extended Menu Auto Expand Sections

One that I discovered is that the Auto Expand Sections/Categories kind of menu doesn't auto populate the menu with links for each content

Two CSS page conflict - cannot find the item causing error

The sub-menus expand with odd shapes. - I scanned the css_familygame_.css doc for more “div” references and can't find anymore. This is css

Expanding Navigation Menu onClick - Free website templates

JavaScriptBank.com - JavaScript Expanding Navigation Menu onClick. How to setup. Step 1: Place CSS below in your HEAD section. CSS

Drop Down Menu stop from expanding Div - jQuery Forum

I want for the menu to expand down, but the div containg the menu and ... laying the page out of a css trick I can use to make this happen

Using Moodle: Course Menu or YUI help ASAP!!

Oct 13, 2007 ... I'm guessing that this has something to do with conflicts between your theme's CSS and the CSS from the course menu

Free Accordion Menu R2 - Interspire Forum

Free Accordion Menu R2 Code Modification and Addon Releases. ... If you set this value to 0, then the first category is always expanded and the rest .... <meta http-equiv="Content-Style-Type" content="text/css" /> <link