Free Vertical Css Menu Sample by Deluxe-Menu.com
Free Vertical Css Menu Sample

Menu Screenshots

Free Vertical Css Menu Sample Scrolling Menus

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
Javascript Expanding Menu Generator Free Vertical Css Menu Sample
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: A brief one on dynamic menu in the perspective of bilinguism

I understood from the tuner that a menu can be made dynamic (although it is somewhat minimally documented ;-))

Leaving alone all the beautiful sophisticated and complex mechanic of it

Say I have my main menu that says :
  var dynamic=1; (that's all I got from the doc ..)

And then

  var menuItems = [

["Choice 1 ","page1.php", "", "", "Choice 1",", "_self", "", "", "", "", "", ],

["Choice 2","page2.php", "", "", "Choice 2", "_self", "", "", "", "", "", ],
];

Minimalist ? ;-) right ?

1/ first I'm not too sure about what exactly in order are these 11 parameters although I'm fine with the only 4 I have here

2/ if I would want to change on the fly menu javascript dropdown page on a PHP parameter Page1.php?lang=French (I perfectly master how to capture the PHP value)

So that My menu becomes on the fly

["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "", ],

Thanks in advance if you can shed some light on this

PS : And although I used hardly 1% of deluxe capability my first customer is very happy about it..

A: Actually you can find all info about the menu javascript dropdown parameters and featureson our website:

- menu parameter and items, Individual Styles:
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

- dynamic functions:
http://deluxe-menu.com/functions-info.html
http://deluxe-menu.com/dynamic-functions-sample.html

> 2/ if I would want to change on the fly page on a PHP parameter
> Page1.php?lang=French (I perfectly master how to capture the PHP value)
> So that My menu becomes on the fly
> ["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
> ["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "",> ],

To change the menu items on the fly you can use API functions
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)


Q: I would like to open some javascript menu drop items in a JavaScript popup window of a certain size using something like this code:

window.open("FileName.asp,"PopName","scrollbars,toolbar=0,location=0,resizable=1, directories=0,menubar=0,width=575,height=375,left=100,top=100");

How can I do that?

A: I'm not sure I understand about what product you're saying. Could youclarify this?

You can write any HTML code within menuItems (Deluxe Menu):

["Home","javascript:window.open('FileName.asp,'PopName','scrollbars,toolbar=0,location=0,resizable=1, directories=0,menubar=0,width=575,height=375,left=100,top=100')", "", "", "", "", "", "", "", "", "", ],


["<a href="javascript:window.open('FileName.asp,'PopName', 'scrollbars,toolbar=0,location=0,resizable=1,directories=0,menubar=0, width=575,height=375,left=100,top=100')">Product Info</a>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],



Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.

A: If you want to create subtabs in your menu you should use Tab Mode
  var tabMode=1;
and write your bmenuItems in the following way:

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
 ["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
 ["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.



Q: Where do I enter my link addresses (http://www.address.com) for each item and sub-item using Deluxe Tuner????
I'm sure it's simple, but I don't see it.


A: You should add links in the following way.
Click on the menu item in the main window.
In the "Item Parameters" window you'll see parameters of this item.
You should paste your link in the link field.