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

Menu Screenshots

Free Vertical Css Menu Sample Dropdown Menus In Javascripts

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
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
Java Icons List Example Free Vertical Css Menu Sample
Easy Setup
  • De Luxe Tuner. GUI interface to create your free vertical css menu sample menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free vertical css menu sample 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.

  • 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: I downloaded the trial version, so I’m doing some testing....

I can’t highlight the selected dhtml pop up menu item of the current page. The   var ttoggleMode is enabled and
tpressedFontColor = "#AA0000

This is caused by the trial version?

A: 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, bu
t no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

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: This tiny javascript menu codes (30kb) take about 25 seconds to load in our browsers (internet explorer)

This intranet site serves approx 15 workstations and I named it 'QuickFind'. It is now the slowest to load of any websites, applications, you name it...

So it is bit embarassing ...

Hoping you can help me to resolve this

A: Try to set the following parameters:

  var dm_writeAll=0;
  var useIFRAME=0;



Q: I have deluxe-menu 3.2.5 and now I can't open my old menu files. I get thefollowing error message in dhtml menu creator "Can't open the file:
H:\data-menu.js. Check youre encode parameter." I have tried to open several different menu files and I always get the same error message. Do you have any solution of this problem?

A: You should change Deluxe Tuner settings:

Try to turn off the encoding property "Tools/use utf8 encode" and open your datafile once again.



Q: I found the problem with de Deluxe Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<script type="text/javascript" src="data.js"></script>