Slide Down Vertical Accordion Menu Samples by Deluxe-Menu.com
Slide Down Vertical Accordion Menu Samples

Template:






    - Search feature - add the search area in the menu and type symbols.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - 85% transparency for sub menus
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Hundreds of pre-designed templates
    - Sound support!




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

Menu Screenshots

Slide Down Vertical Accordion Menu Samples Cool Drop Down For Html

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

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!
Cost Effective
Vertical Javascript Expanding Menu Slide Down Vertical Accordion Menu Samples
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide down vertical accordion menu samples menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus

A: You can try to specify spacing parameter:

  var itemSpacing=1;

You can also try to use separators.

You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],

Use "Add Separator button in Deluxe Tuner.

Set separator parameters in the following way:
//--- Separators
  var separatorImage="";
  var separatorWidth="100%";
  var separatorHeight="2px";
  var separatorAlignment="left";
  var separatorVImage="data.files/separator.jpg";
  var separatorVWidth="2px";
  var separatorVHeight="100%";
  var separatorPadding="0px";




Q: In the standard drop down menu scripts you show a combo box and a search text box. Where are the parameters and/or style options to do this?

A: You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index &nbsp;<select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option> Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp; <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],



Q: Once more I have a small question about Deluxe Menu.
I have rewritten my homepage (still off-line) to use stylesheets instead of frames. But for some reason the drop down menu templates won't appear anymore.
Does DM need frames or can it also work without frames? I would suppose that it can also work on a page with no frames. But for some reason I can't seem to get it to work.


A: If you don't use frames there is no need to write your init functionin the following way:

dm_initFrame("lower", 0, 1, 1);

That is way you cannot see your menu.
Please, write:

dm_init();


Q: So, as you can see, I use "_self" in order to make the URL open in same window when left-clicked. If I set it to empty it opens in new window (is that correct behaviour (I thought we should use _blank to get that effect).


A: In the menuItems you can set target parameter for each itemindividually.
The following parameter:
  var itemTarget="_blank";
sets target for all items, so if you haven't specified target for theitem

["Arbeidsplaner","cp_workplan.php",,,,"","0","0"],

the target for this item will be "_blank".


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