Jquery Vertical Floating Menu by Deluxe-Menu.com
Jquery Vertical Floating Menu

Menu Screenshots

Jquery Vertical Floating Menu Web Navigation Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical floating menu 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 jquery vertical floating menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
How To Create A Menubar In Javascript Jquery Vertical Floating Menu
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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: Easy drop down menu goes underneath our search control..
I have already set dmObjectsCheck to 1 but it still doesn't work.
In the live version there's aslideshow at the top of the home page (and other pages)
and the menu alsorenders underneath these.

A: Try to set the following parameter:

  var useIFRAME=1;

You can find more information about objects-overlapping here:
http://deluxe-menu.com/objects-overlapping-sample.html



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: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],



Q: I have built a menu which will sit in a frame on the left hand side of the page.
When sub menus are selected they display in the same frame.
How do I make them appear over the adjoining frame?


A: Please, check you dm_init function. You should write it so:
dm_initFrame("frmSet", 1, 2, 1);

More info about cross-frame mode you can find here (see additional info):
http://deluxe-menu.com/cross-frame-mode-sample.html

See cross-frame vertical orientation Sample (left-to-right) here:
http://deluxe-menu.com/cross-frame-mode-sample.html