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

Menu Screenshots

Flyout Side Menu Jquery Menu Submenu Javascript

Features

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
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
Mouse Over Flyout Side Menu Jquery
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Cost Effective
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



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 am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each javascript new menu tab. However while the page loads I can see all the content from all the <div> javascript new menu tabs and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.

Please advice what is happen to resolve this issue.

A: Try to set display: none; property for the style of your DIV, forexample:

<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>



Q: Do this easy drop down menu support Right to left property?

A: Deluxe Menu support right-to-left languages.

In Deluxe Menu you can set the following parameter:

  var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.



Q: Just wondering if you could help.I wish to put a script java menu on every page of my site - through all the folders etc.
How do I set it so that they all 'feed' from the same dmenu.js file?
How do I set the file path to that file from all pages of my website?



A: 1) How do I set it so that they all 'feed' from the same dmenu.js file?
You should use absolute path here:

1. Paste the following code into a tag of your page:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "http://site.com/menudir/";</script>
<script type="text/javascript" src="http://site.com/menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

2. Paste the following code where you want to have the menu:

<script type="text/javascript" src="http://site.com/menudir/data.js"></script>

2) How do I set the file path to that file from all pages of my website?
If you don't want to create your menu on each page, you can try to useframes, the menu has a cross-frame mode.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.


Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use <br> tags, for example:

  var menuItems = [
["line 1<br>line 2"],
];