Css Expandable Menu by Deluxe-Menu.com
Css Expandable Menu

Menu Screenshots

Css Expandable Menu Drop Down On Rollover

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: Need the pricing text in the second-level css menu to be individually styled - ie needs to have colour change and float/align left.

A: You can use any html code for your menu items, so you can try to writeyour menuItems in the following way:

 ["|Company Registration - <span style='color: #AAA'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $537,50</span>","#", "", "", "", "", "", "", "", "", ],


Q: When Mouse hover on Menu, menu Items showing below (showing down) the Menu. Is it possible to show the Menu Item List in up direction (above the Menu)? Please assist me in this issue.

A: See more info here:

http://deluxe-menu.com/ways-showing-submenus-sample.html

You should use the following parameter:

  var smViewType = 1;



Q: I intend to purchase a copy of Deluxe menu where I will be using tree menu for a project. I have created the tree describing the menu and copied the data.Files folder, data.js file to the area where the HTML page is and pasted the relevant text into html file.

When opening the page, the tree menu in javascript is not displayed. Can you please help me resolve this problem. I have attached the data.files folder (in zipped form), the data.js file and the html page I am using

A: Now you have the following code on your html page:

<HTML>
<HEAD>
<script type="text/javascript" src="data.files/dtree.js"></script>
</HEAD>

<BODY>
</BODY>
</HTML>

It is not correct you should install the menu in the following way:

<HTML>
<HEAD>
<script type="text/javascript">  var tWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dtree.js"></script>

</HEAD>

<BODY>
<script type="text/javascript" src="data.files/data.js"></script>
</BODY>
</HTML>

You can use "Export to HTML" function in Deluxe Tuner.



Q: http://deluxe-tabs.com/file/templates/deluxe-tabs-style-5.html

I like the transitional fade of onclick tab data between tabs of this menu, but I don't see anything in Transitional Effect variables to manipulate this.

A: You can set transitional effects in the "Transitional Effects"section in Deluxe Tuner.

//--- Transitional Effects
  var btransition=24;
  var btransOptions="";
  var btransDuration=300;

Notice that Transitional Effects are supported by IE5.5+ only.