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

Menu Screenshots

Css Auto Expand Menu Vertical Sliding Menus

Features

Cost Effective
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
Hide Frame Javascript Css Auto Expand 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css auto expand menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I would like to reduce or remove the indentation between submenus. That way I can save space for the menu. How can I set indentation?
I would like to change the height of the submenu items (no icons used). How can I do that?


A: Unfortunately, you cannot reduce the indent between main items inXP-Style.

To reduce the indentation between submenus you should set thefollowing parameter:

  var titemHeight=15;


Q: I have two question for now...

Where can I change the word "loading" during ajax is loading the submenu?????
Is state saving of javascript based tree just for the first level??? Does it works for the AJAX submenus?

The reason why I switch to treemenu is the possibility of state saving!

A: I've just checked your website and save state feature works fine for the ajax submenus.

Actually we've added this feature in v3.2.7 of Deluxe Tree.
http://deluxe-tree.com/whats-new-info.html

I see you changed the "Loading.." text inside the dtree_ajax.js file.


Q: I must open a popup with javascript drop down menu, the fact 800X600 popup?

Some links are simple and others are in popup

A: You can open link in the following way:

You can write your own functions within menuItems, for example:

 ["|MYPAGE","javascript:window.open('http://www.domain.org/mypage.html','_blank','height=600,width=800, status=yes,toolbar=no,menubar=no,location=no');",,,'' ,'' , '', '', ,],



Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one.  I am using the Vista style tabs (black_blue / tealblack).

Is there any way other than definition of new image files to get more color combos?

Can I change the text size in the menu tabs?  When I use the Tuner, it has no effect.


A: Try to use image-based menu.

Set:

  var menuWidth="92px";
  var menuHeight="";

and create the following style:

  var itemStyles = [

["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];