Extjs Menu Floating Example by Deluxe-Menu.com
Extjs Menu Floating Example

Menu Screenshots

Extjs Menu Floating Example Vertical Menus Html

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
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!
Dynamic Dropdown Menus Extjs Menu Floating Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs menu floating example menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: With menu tabs, I'm trying to dynamically set the bselectedItem parm, using php. If I set bselectedItem to anything other than 0, the submenu goes away and the main html tab javascript is not highlighted.
If I set to 0, everything works.


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

So you should set:
  var bselectedItem = 0; //main items (0;7;14;21;25)
  var bselectedSmItem = -1; //submenus (1;2;3;4;5....)


Q: Is there an option for word wrap for dreamweaver drop down menu?

A: To wrap your text you can use the following parameter:

  var tnoWrap=0;

You can also use standard <br> tags.

 ["|Text Text Text Text <br> Text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],

Q: When I create a tab which has no sub-items, there is a white line drawn under the whole top javascript tabbed menu bar.
How do I avoid this?


A: Each menu item should have subitems (in the TabMode).
If you don't want to have subitems for some items you can add onesubitem and delete Item Text.

["Item 2","", "", "", "", "", "", "", "", ],
 ["|","", "", "", "", "", "0", "", "", ],


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