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

Template:

Simple Dark Menu Template - CSS Menu DHTML






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Cross-frame support - menus work on frameset-based pages
    - Submenus go over all page objects
    - Text aligned to left
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Status string shows item labels
    - Submenus dropdown on mouseover




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Jquery Vertical Floating Menu Javascript Dynamic Menu Source Code

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Cost Effective
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
Simple Javascript Drop Down Menus Jquery Vertical Floating Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Deluxe menu v. 2 (the most recent version) -- I've triedeverything but cannot get the separator images (vertical orhorizontal) to appear. My other images appear fine, and I know theimages are where I've called them. I've tried root relative anddocument relative paths, and even set the advanced image prefixvariable, but they never appear. Can you spot what's wrong?

A related question: what I'm trying to do is to simply have a 1pxseparator between my main items (vertical) and between my sub-items(horizontal). Short of building a css mode menu, is this possibleusing your script -- if I set border=1 without any spacing, then thetwo borders between adjoining items come together and I get whatappears to be a 2px border separator. Is it possible to set margin-right=1, margin-bottom=1? This doesn't seem possible through thetuner: it appears to be border on all four sides or nothing.


A: You should see the following parameters:

//------- Separators -------
  var separatorImage=""; //--- file exists in this location
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="/assets/images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


Q: How do I make the top nav buttons exactly the same width for each button?

Total menu width is 743px and I have 6 buttons I want the width of each button to be fixed at 123px.

I set   var menuWidth="743" but it averages out the buttons based on the text.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0


Q: Is there a instruction manual on how to use all the features of javascript for dropdown menu? The "help" screen does not give detailed instructions of all the Parameters, Appearance, Individual Style features, Item Parameters, etc. etc.

A: Actually you can find all info about the menu 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


Q: I have built a new drop down css menu.

I have a named frame body but when I use the menu creater it works and changes the frame but when loaded to the site it says error on page.

what have I done wrong ?

Try the home which calls home_body.htm and about us which calls About Us.html in the body frame top the right of the menu.

A: You cannot use local paths on the Internet sites. They won't work.

["Home","", "", "", "", "", "", "", "", ],
 ["|Back to main page","D:/Web Design/CCA/home_body.htm", "", "", "", "", "body", "", "", ],
["About Us","", "", "", "", "", "", "", "", ],
 ["|History","D:/Web Design/CCA/About Us.html", "", "", "", "", "body", "", "", ],

You should write, for example:

["Home","", "", "", "", "", "", "", "", ],
 ["|Back to main page","home_body.htm", "", "", "", "", "body", "", "", ],
["About Us","", "", "", "", "", "", "", "", ],
 ["|History","About Us.html", "", "", "", "", "body", "", "", ],



Buy Now!   ::  Free Trial Download   ::  More Info