Vertical Expanding Multi Level Menus by Deluxe-Menu.com
Vertical Expanding Multi Level Menus

Menu Screenshots

Vertical Expanding Multi Level Menus Navigation Bar Sample

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical expanding multi level menus 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
Javascript Drop Down Menus Rollover Vertical Expanding Multi Level Menus
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical expanding multi level menus 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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: How do I get my existing HTML code inside the rollover tabs?


A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes.
Use the following prefixes within item's link field:

"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Q: Under Parameters ->> Dimensions ->menuWidth
Even I change the value such as 150px it doesn't have any effect on javascript dhtml menu itself.

Changing menuHeight property such as menuHeight = 123px moves menu down from the top of the page instead of changing height of the menu itself.

I used templates ->> vista -> vista style 3-03 to generate the javascript dhtml menu and modified it.

A: See, you have itemWidth and itemHeight in the Individual Style.

  var itemStyles = [
["itemWidth=94px","itemHeight=23px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=data-vista-3-03.files/btn_cyan.gif,data-vista-3-03.files/btn_cyan2.gif"],
];

You cannot set the less value for the menuwidth in that case. You canset only the bigger value:

  var menuWidth="550px";

To change the menuHeight you should also use itemHeight parameter, forexample

itemHeight=123px



Q: I have written my own javascripts function.
How to call the function in my java script menu?

A: You should paste "javascript:some_function()" into item's link field,for example:

  var tmenuItems = [
["text", "javascript:window.print(...)", ...]
];



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

forum.thinkpads.com • View topic - Thinkpad W510 First

I'll likely expand this post later with pictures and more details. ... On the back is says HL Data Storage, Super Multi DVD Rewritter Model GT30N. ..... I'm very curious about the vertical dimension of the display, ... I have good vision , so unless the fixed font sizes of certain elements like menus

Complete Walk-through For Doing A Clean Windows 7 Install

Jun 21, 2010 ... Description: Multi-Card Reader Listed: Recommended Application ... Level: Unimportant Suggest: Later This is a novelty WebCam application. ..... grey with vertical lines, this is called a "Grey Screen of Death" or GSOD. .... Specifically expand the section "Can I upgrade from a 32-bit version of

Windows Presentation Foundation (WPF) & XAML forum [Archive

Reading all the controls from a usercontrol · Expand/Collapse Gridrow in native grid(Listview) · Is it possible to have multilevel gridviews using Native grid · Draw Line ... Can't seem to set the DataContext in XAML · Popup and Right click menu ... ListBox displays text vertically · What should I use ?

Troubleshooting - Ultimate Web Site Drop Down Menu Forum

absolute left (v) · absolute right (v) · absolute with RTL text (v) · relative left (v) · relative left (table ... Expanding menus. single nested level · multiple nested levels · in a frameset ... Sticky: Browser Reports - Chrome, FF3 and IE8 ( Multi-page thread ... Sub navigation position problems Expandable Menu

MediaMonkey • View topic - MediaMonkey 3.0.x Testing

Feb 18, 2008 ... 2506 Fixed MediaMonkey doesn't work well in multi-monitor environments ... 2687 Fixed volume leveling information isn't read from LAME info tag .... 2972 Added expand/collapse Albums in Album Art view with <ALT>+<Up>/<Down> ...... 3806 Fixed podcast functions aren't available via the menu/toolbar

Simulating tabs in a form. (View topic) • OpenOffice.org Community

Jun 23, 2008 ... Well the problems occur when I have several top-level forms in one Form. ... I' ve anchored them "To charactor" and Vertical position "From top" by .. to .... Each main form has a multi page tab simulation on it with a few push ... Form 1: menu form, containing the tabs that show/hide all other forms

Another page menue bar with expanding and collapsing buttons

The follwing is not exactly what you wanted but it would give you a vertical, multi level fly-out menu. Try this only if you're willing to

Neu : Dvbdream New Version - News - DVBmagic Forum

PIP menu now reachable from mainwindow and tvwindow context menu ... New Ch.list Options: Auto Collapse and Single Click To Expand * Ch.list color changes when filtered by TTX, AC3 or Multi-Audio. .... NEW: New column info option: Signal Level ... B2C2/SS2 vertical pol. scan issue fix

Open Forum: What would you like? | WooThemes

Aug 18, 2010 ... You make it really easy to create web sites with a high level of customization .... Ly in the admin menu. No idea that support was there or how to use it. .... -Keep expanding on comment/response formats. .... With multisites come multi- users and Buddypress is a good solution for users, profiles and

CCE FAQ (Updated) - Doom9's Forum

Q12: How do I set the "Luminance Level" option correctly? .... Note that the " Effect restricted vertical filter" in CCE-SP .... For instance, the Canopus DV codec has an option "Expand RGB ... Alternatively, make sure that in the currently active CCE-SP 2.50 template (see "Template" menu item),

Joomla! • View topic - Extended Menu

Is it possible to determine on that final level of the menu template, where the menu ..... in your Extended menu, you have an option "Expand Menu" ... I have just used the basic input from suckerfish-vertical-1.0.1 and mod_exmenu, ..... Libraries, patTemplate, com_connector - Multi Joomla Bridge, CiviCRM Support

Joomla! • View topic - Submenu items not showing

Yes, when I created the submenu item I did chose a Top Level menu item as the parent. ..... "Expand Menu" to YES while the "Menu Style" was set to Legacy- Vertical, .... patTemplate, com_connector - Multi Joomla Bridge, CiviCRM Support

Founders Forum 2010: from the (swanky) edge of entrepreneurship

Jun 26, 2010 ... First we go for a few high-level insights from some of the ... Now expanding on this with, on top of the 3d gen natural user ... A ton of applications are touted, including car controls, projecting restaurant menus onto tables, ... I hope they can break into the car vertical, but I am a bit of a

www.wysiwygwebbuilder.com :: View topic - WYSIWYG Web Builder 7.0

New Feature: 'Always show vertical scrollbar to prevent shifting of .... New Feature: jQuery Accordion, fully integrated as a multi layer accordion-like component. .... This can be useful if you want to keep a menu or image visible ... New feature: Added 'Expand on mouseover' option to slidemenu

NAV Menu Reference Properties > DotNetNuke Forum, DNN Creative

I "think" the NAV menu has a vertical option, but I'm unclear as to what other options it has and how to use them. ... Makes menu expand on mouse over (unlike any menu found within the Windows environment)(Values: true, ... The separator used just before a root level menu item. .... Multi-language Catalogue v2.0

BATON ROUGE | and environs - Page 5 - SkyscraperPage Forum

Plans call for a new high-tech multi-purpose lounge area, the “Live Oak Lounge,” .... The company has been expanding and has a hotel/condo tower in Hoboken, ..... hotel to go along with the casino resort that would offer a menu of amenities, ... and closer to the levee along with a nine level parking structure

Sony kdl service menu Search Forum - Agoraquest

What is happening is that a single pixel vertical green line, for example, ... Series is Sony's entry level 1080p line of LCD televisions introduced in 2008. ... then blue, then multi coloured (like you get when youfinish watching a ... The new models expand the BRAVIA LCD line up to 30 models ranging in screen

OXYLUS Flash Board - Powered by vBulletin

Sep 3, 2010 ... Portfolio Multi Media Tab Gallery with Admin AS3 (89/305). Amazing Fullscreen Panning Photo Gallery AS3 (18/48) .... Two Levels Vertical Accordion Menu 03 (33 /121) .... Universal Expanding Share Bookmark Widget AS2 (2/5)

Total Commander Korean Forum :: XPG Community :: 주제 보기 - Total

Option to show *.bar file in button bar as a popup menu instead of ... Internal unpacking of multi-part RAR archives, and RAR archives where .... 13.03.09 Fixed : Lister with Uniscribe (e.g. Unicode text): Unwanted vertical lines showed up in ... 13.03.09 Fixed: tree: Could no longer expand Desktop when entire tree

3D-Coat 3.1 updates thread - 3D Coat Forums

Problem with dropdown menus under Load/Save buttins in most of paint tools resolved. ... and was cut by vertical or horizontal lines (in paint mode) .... Tighten/expand with CTRL and CTRL+SHIFT in UV preview window in Brush mode done ..... the Retopo menu, so I cant import a low-level mesh directly

Computer Recording Software - Getting Started - Guitar for

Mar 26, 2008 ... This can be found in one of the menus, and again which menu they put it ... Recording Multiple Tracks At The Same Time ("Multi-Track Recording"): ... This way you can get the levels just right so the vocals and ... Zoom in vertically to expand the track, and as above right click the "in" button

Multilevel menu - display sublinks in unordered list for CSS styling

Multilevel menu - display sublinks in unordered list for CSS ... menus and the only one that displays sublinks is Vertical style, which is still not the same. I set it to "expand" - always, indent images - do not show

Forum Swt Menu Background Color Template

expand drop down menu java; "..I want the web page navigation bar in the top frame ... css vertical multi column menu Linux Shell Menus · 2 level horizontal tab menu ... I have created a three-level Vista style javascript vertical menu

Help Creating Menus in Templates in Forum at Theme Joomla

I am used to developing sites in NetObjects Fusion, where multi-level JavaScript drop-down horizontal or expand-out-vertical menus were automatically