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

Template:

Orange Menu Template - Drop Down Css Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Top items and submenus have a shadow
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position
    - Sound support!
    - Status string shows item labels
    - Items with icons
    - Horizontal or vertical orientation




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

Menu Screenshots

Flyout Side Menu Jquery Drop Down Navigation Example

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flyout side menu jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your flyout side menu jquery menus easily and in no time
  • Sensible menu parameters for manual editing
Expanding Drop Down Menu Flyout Side Menu Jquery
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
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!
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Currently, I have Deluxe Menu installed on my website.
However, I have noticed that the javascript mouseover menu picture width for the top level icon changes. For example, the mouse over picture for "Beauty" is one length whereas the mouse over icon for "Home & Garden" gives me one and a half pictures. I have illustrated this in the attachment.

Please could you advise me on how I could resolve this problem.

Thank you for taking your time to read this email.
I look forward to receiving your reply.

A: You can try to use the following parameters to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif



Q: I downloaded the new version of dhtml menu source code copied the files over to my folder this menu was made with3.0 the files I copied over is 3.2 and now I get an error.

A: Now you have:

  var fontStyle=["nirmal 12px Trebuchet MS, Tahoma","nirmal 12px Trebuchet MS, Tahoma"];

It is not correct. You should write:

  var fontStyle=["normal 12px Trebuchet MS, Tahoma","normal 12px Trebuchet MS, Tahoma"];



Q: I would like the button in the sub navigation bar to stay white when you navigate to a particular page..


A: Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: I already have your product.  I need to know if I can call js functions using the .js file in java menu sample.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];


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