Indexhibit Plug In Menu by Deluxe-Menu.com
Indexhibit Plug In Menu

Template:

iPhone 12 Template - CSS Menu Bar






    - UL/LI items structure
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Several menus on one page
    - Inactive/Disabled items
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Filters and Transitional effects
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Indexhibit Plug In Menu Submenu Example In Javascript

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your indexhibit plug in menu menus easily and in no time
  • Sensible menu parameters for manual editing
Html Javascript Popup Menu Example Indexhibit Plug In 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed indexhibit plug in menu 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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm trying out the cross-browser (top to bottom) drop down menu and I was wondering if it was possible to have the top bar (the main items) use a background image while the sub-items beneath used a plain background color and no image?

So far I've gotten them to either both use a background image, or both use a background color. Any advice would be greatly appreciated. :)

A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image for the items

  var itemStyles = [
["itemWidth=92px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).

["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],



Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.

I've tried the Styles bit, but that doesn't seem to fix the rollover image any...

Any pointers ?


A: You can try to set the exact width for each menu item using IndividualItem Styles.

You should use Individual Item Styles.
For example:
  var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];

["Home","testlink.htm"],
["Samples","testlink.htm"],
 ["|Group 1","", , , , , "0", , , ],
 ["|Group 2","", , , , , "1", , , ],
 ["|Group 3","", , , , , "2", , , ],

...
[" More Samples","testlink.htm"],
 ["|Group 1","", , , , , "3", , , ],
 ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

You also should check the width of your rollover image. It should bethe same width as your items.

You can also use
tags in the item text, for example:

  var menuItems = [
["line 1
line 2"],
];

Or you can set this parameter:

  var noWrap=0;

Try that.


Q: Is it possible to insert an item at the top of the submenu in the html popup menu?

A: To insert item in the specific position you should use the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters.
Pos - the position in the menu where you want to add new item.

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


Q: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.


A: Yes, they will stay forcibly below the main menu.

You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html

You may specify the exact height for submenus, for example:

  var smHeight="500px";

Use the following parameters to set the direction for submenus:
  var subMenuAlign="left";
  var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.html

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