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

Template:

iPhone 6 Template - Code CSS Menu






    - Image arrows
    - Inactive/Disabled items
    - Submenus dropdown on mouseover
    - Items with icons
    - Unlimited number of sub levels
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Status string shows item labels




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

Menu Screenshots

Extjs Menu Example Style Hide Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs menu example menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Javascript Collapsing Extjs Menu Example
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: In internet explorer the menu appears as expected, in firefox it is shiftedway to the right

The deluxe menu code is all wrapped within < center> < /center> tags

How can this be resolved?


A: Try to specify units in "px", for example:

  var menuWidth="700px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.


Q: If I use the Search Engine Friendly Code feature, do I have to update or redo it each time I change the drop menu script and save, or if I do it once to the file will it automatically update on every save?

A: If you change drop menu script items (item's text and links) you should updateyour search engine friendly code. Deluxe Tuner doesn't update it onevery save (when you save your data file).

There is no need to update it when you change menu parameters only.



Q: I have created aKaspersky menu, but the links don't work.


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?


A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

   ["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

   ["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],


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