Jquery Image Flyout Menu by Deluxe-Menu.com
Jquery Image Flyout Menu

Menu Screenshots

Jquery Image Flyout Menu Creating Drop Down Menu Bars

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery image flyout menu 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 jquery image flyout menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Creating Javascript Popups With Absolute Position Jquery Image Flyout Menu
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!
Cost Effective
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

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.

Recent Questions

Q: In IE 6.0 and Firefox 1.5.0.4, the dropdown submenus are not visible and it does not float in firefox (floats in IE but no submenus) whereas in Opera 8.53 and Opera 9 it works fully.


A: Now you have two entries of dmenu.js file on your site in the <head> and <body> tags.
You must have only one entry of dmenu.js file.
You should write so:

...
<body>

<script type="text/javascript">  var dmWorkPath = "http://www.gaurangapada.org/data.files/";</script>
<script type="text/javascript" src="http://www.gaurangapada.org/data.files/dmenu.js"></script>

</body>

Please, delete the same code from the tag.

Now you have:
  var transparency="0";
That is why you can't see your subitems.

Please, write, for example, so:
  var transparency="80";


Q: I have a paid version of the menu, and I was trying to add the functionality of dynamically adding net dhtml menu item

When I added the code I get the following JS error,

menu is undefined in dmenu_dyn.js (line 13)

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

function dm_ext_hideAllSubmenus(mInd){_dmsm(mInd);};function dm_ext_changeItem(m...

I copied the example from your site, just to see if I can use it.

What am I doing wrong?

A: See, we have two menus on the sample's page
http://deluxe-menu.com/dynamic-functions-sample.html

That's why we write menuInd = 1
dm_ext_addItemPos(1, ...

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

But if you have only one menu you should write menuInd = 0
dm_ext_addItemPos(0, ...
dm_ext_addItem(0, ...



Q: I need to set individual itemtargets for a number of items in the navigation bar menu...

A: You can set target parameter for all items:

  var itemTarget="_blank";
or
  var itemTarget="main";

where main - is the name of the main frame where you want to open the link

or for each item individually:

["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],



Q: I want to have the pop up window display as you mouse over an image/link - is this possible?

A: For example you want to open a popup onMouseover, onClick or
onMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')