Extjs Menu Mouseout Hide by Deluxe-Menu.com
Extjs Menu Mouseout Hide

Menu Screenshots

Extjs Menu Mouseout Hide Moving Menu

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
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
Creating Pop Up Menu Extjs Menu Mouseout Hide
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs menu mouseout hide 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 extjs menu mouseout hide 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.

  • 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: I'm having a problem with the new v3.9.2 javascript menu source. The drop-down submenus are now going "up" instead of "down".

I've tried the conversion steps in your email and I have even rebuilt the menu from scratch in v3.9.2. In the Deluxe Menu Preview window, the drop-down sub-menus behave properly - transitioning down below the horizontal menu. But it FireFox3, IE7 and Chrome the submenus appear above the horizontal menu.

Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is not evident in FireFox3 or in Chrome.

A: Set the following parameter:

  var subMenuVAlign="top";

> Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is
> not evident in FireFox3 or in Chrome.

Transitional effects are features of Internet Explorer 5.5+ only.

See more info:
http://deluxe-menu.com/filters-and-effects-sample.html


Q: I would like to purchase your menu system but I need to know if I can control disable property for the menu javascripts

A: You can try to use the following function:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

Shows/hides the item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0. See more info about indexes here.
visibility = true/false - visibility of the item.

More info you can find here:
http://deluxe-menu.com/functions-info.html

Q: I have one more question. I built the menu using Deluxe Tuner.
I cannot find where to change the mouse over color from blue to something more appropriate in my drop down menu templates. Can you tell me where to do this?


A: You should change the second color in the following parameter:

  var itemBackColor=["#FCEEB0","#65BDDC"];


Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.

Right now when I specify 100% menu width all of the tabs are difference sizes (widths).

How do I control the individual tab width?


A: You should use Individual Item styles to achieve this effect.

See the attached example.

You should set:

  var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.