Javascript Selection Floating Menu by Deluxe-Menu.com
Javascript Selection Floating Menu

Template:






    - Status string shows item labels
    - Text aligned to left
    - Submenus automatically scrolls
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Several menus on one page
    - Image arrows




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

Menu Screenshots

Javascript Selection Floating Menu Tree And Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript selection floating menu 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
Transparency Javascript Javascript Selection Floating Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript selection floating menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I add padding around a top item in the javascript menu buttons?

A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px// top right bottom left



Q: How would I use the submenu feature to display itself only if a person is logged in. such as if a person logged in then the member area would expand, else it would always stay closed with only the login username section showing?


A: Unfortunately it is not possible. You can only add items depending onthe logged user.

You should use API functions:
see more info:
http://deluxe-menu.com/functions-info.html
For example, you can use:
function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)
function dtreet_ext_deleteItem (menuInd, itemID)
function dtreet_ext_showItem (itemID, visibility)
function dtreet_ext_expandItem (itemID, expand)


Q: I am struggling with my menu on my site the submenu is under the main text area. How do I make the submenu come to the front.


A: Check your z-index for <DIV id=navigation>.
Try to write it, for example, so:

<DIV id=navigationstyle="Z-INDEX: 10; LEFT: 0px; WIDTH: 170px; POSITION: absolute; TOP: 5px; HEIGHT: 600px">

Try that.


Q: I am a web developer and evaluating your product using the Trial Version. I created navigation bar using your application (see attached files). Simple drop menu appears to be displaying OK (centered) when using Internet Explorer 7.0, but I can't move it below the header. Also when I access the same sample page using FireFox Browser, the Navigation Bar aligns on the Top-left. Ideally, the navigation bar shall be displaying below the header and centered.

Can you help please?

A: You are using absolute position for the menu now. You should userelative position if you want to center your menu. Set the followingparameter:

  var absolutePos=0;



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