Menu Desplegable Vertical Html by Deluxe-Menu.com
Menu Desplegable Vertical Html

Menu Screenshots

Menu Desplegable Vertical Html Cascading Dropdown Menu

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu desplegable vertical html menus easily and in no time
  • Sensible menu parameters for manual editing
Position Menu Js Menu Desplegable Vertical Html
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu desplegable vertical html 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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Can search engines follow the items of navigation menu?

A: You should generate search engine friendly code and install it on your page.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).



Q: All hide drop down menu tabs seem to have white in the upper corners rather than transparent.

A: You should delete white color and make corners transparent in anyGraph editor, for example in Photoshop.



Q: When i stay on one page so must have the menue-point of the html menu for this page another color or font. How can i make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;

This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.


Q: I am currently having a look at the use of your drop down menu and was wondering if there was an option to make all of the top menu links the same size?
At current It looks like it is on a percentage increase related to the amount of text, can I change this to a fixed value no matter the text amount?

A: You can use Individual Item Style.

Use that parameter:

  var itemWidth=100px

Width of an item (px, % or other units).

For example:

  var itemStyles = [

["itemWidth=150"], // style 0
];

  var menuItems = [

["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "0"], // assign style 0
["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"], // assign style 0
];