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

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Horizontal or vertical orientation
    - Several menus on one page
    - UL/LI items structure
    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Filters and Transitional effects




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

Menu Screenshots

Jquery Flyout Menu Tree Menu On Html

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

Features

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!
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
Down Menu Navigation Jquery Flyout Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery flyout 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery flyout menu menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: first - the deluxe menu is a nice tool, greatly.

but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour

A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
  var menuWidth="";
parameter.

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

> - I wish the actual site (menu item) in another colour
You can create Individual Item style and assign it for the top items,for example:

  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"], //style0
];

  var menuItems = [

["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "0", "", "", "", "", ], //style0
];



Q: I would like to call a popup window (created in Deluxe Truner) from a deluxe menu item.

A: You should add the code for popup window on your html page with the menu:

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1', 'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html



Q: Can your javascript menu examples be used when developing and deploying and running a site using Tomcat-Apache and JSP's? Apache's will be the web server.

Do you provide set up instructions for Apache web server?

A: Deluxe Menu is Javascript product. It means that it is executed on a client side, not on a server side.So, whatever server you'll use, your menu will work fine.

Q: I have a Deluxe Menu Multiple Website License and have been using it in several projects where it is running without problems. But now in my new project the sub menu won't drop down in the content frame, but will appear in the same frame as the main menu. What's wrong?

A: It seems that you open the submenu in the wrong frame.

Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); to dm_initFrame("frmSet", 0, 1, 0);

For more info see:
http://deluxe-menu.com/cross-frame-mode-sample.html


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