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

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Inactive/Disabled items
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Search feature - add the search area in the menu and type symbols.
    - Sound support!
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Css Expandable Menu Dhtml Menu Sample

Buy Now!   ::  Free Trial Download   ::  More Info

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
Cost Effective
Scroll Vertical Javascript Css Expandable Menu
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do you center the text within the top-level menu cels for the xml drop down menu?
There doesn't seem to be a setting for it in the tuner.
There's a justification option for the sub-menus, but not for the top.

A: Use the following parameter to specify align for the top items:

  var itemAlignTop="center";

Q: Do you have any tips on making the drop down menus load faster? My pages seem a little slower now that I have 2 Javascript menus loading per page.

A: Check that you have the following parameter set to 0:

  var dm_writeAll=0;



Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?

I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....

A: Set the following parameter:
  var dm_writeAll=0;

You can also use AJAX feature, see more info here:

http://deluxe-menu.com/ajax-technology-menu-sample.html

Q: We are interested in using your dropdown menu code for our site but we do have a question.

When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?

<table border="0" align="center" cellpadding="0" cellspacing="0"

A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.

  var menuWidth="500px";



Buy Now!   ::  Free Trial Download   ::  More Info