Ajax Collapsible Menu by Deluxe-Menu.com
Ajax Collapsible Menu

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Submenus dropdown on mouseover
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position
    - Items with icons
    - 85% transparency for sub menus
    - Text aligned to left
    - Submenus go over all page objects
    - Image arrows




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

Menu Screenshots

Ajax Collapsible Menu Javascript Menu Dropdown

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

Features

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
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
Rollover Drop Down Example Ajax Collapsible Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax collapsible 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax collapsible 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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do I have the ability to change colors for the menus and the sub menus?

A: You can use different colors for each item and subitem of the menu.
You should use individual item styles.
More info you can find here:
http://deluxe-menu.com/individual-item-styles-info.html



Q: Is it possible to put PHP, or other scripting languages within the tab menu javascript?

A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)



Q: I'm facing a problem with "movable menue":

I'd like to use template "data-image-based-1.js" - everytime I try to change it into a movable one, the javascript menu system just blockes and that's it. where do I have to change a setting in order to be able to use this fantastic menue as a movable one?

A: You should set absolute position for the menu when you use movable orfloatable feature:

  var absolutePos=1;
  var posX="100px";
  var posY="100px";



Q: I would like to have submenu’s border to be the same for first and second level of submenu.

“Management” item goes over “Staff” item.

I want the same for “Staff” over “Provincial Office”


A: Try to set the following parameters:

//------- Submenu Positioning -------
  var topDX = 0;
  var DX = 0;


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