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

Menu Screenshots

Jquery Flyout Menu Absolute Relative

Features

Cost Effective
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
Javascript Menu Cascade Jquery Flyout 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
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
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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I bought the Deluxe Menu system for one website. Javascript select menu works well on all versions of IE that I tried (5,6,7)

However, the background and shadow do not render in Firefox. As a result the menu is not as attractive.
Can you help with this or am I stuck?

A: You should add Individual Item style and assign it for the top javascript select menu items:

  var itemStyles = [
["itemHeight=20px"],
];

["Home","index.shtml", "", "", "First Page", "", "0", "", "", "", "", ],
["Communication","", "", "", "", "", "0", "-1", "", "", "", ],
...

Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

http://www.deluxe-menu.com/filters-and-effects-sample.html



Q: We currentlly have a menu that uses standard html hyperlinks to open a new window with _blank as the target. Unfortunately, the size of the window is controlled by the browser and we want to be able to control it. The only way that we know how to do that is to use the window.open client-side function and pass the window's dimensions. Here is a sample of the code that would do that:

window.open("url","_blank","height=1024,width=768,status=yes,toolbar=no,menubar=no,location=no");

How can we add the javascript code to the down menus css instead of a link? Do you have any samples?


A: You can use javascript code within menuItems, for example

["Test Window","javascript:window.open('http://www.microsoft.com','_blank','height=1024,width=768,status=yes,toolbar=no,menubar=no,location=no');", , ,'Monitor Exceptions' , ,'0', '0',,],


Q: Is there a way to make the vertical drop down menu dhtml not reset after a link is clicked. Now every time I click a link in the tree menu it takes me to the linked page but all the menus re-expand.

A: When user clicks the link, the browser loads a new page and the script re-create the vertical drop down menu dhtml.
If you want to open the needed section automatically on load you can use the following:

1. Save the state to cookies

  var tsaveState=0;

2. Use frames

3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)

See more info here:

http://www.deluxe-tree.com/functions-info.html



Q: I've encountered a problem when I was creating my collapsible menu javascript. I got an error message when I was creating my menu as follows:

----------------------------------
There is the error in the data file. The menu won't be loaded correctly.

Line: 361
Char: 3
Code: 0
Message:']' f=F6rv=E4ntas
----------------------------------

A: You have errors in your data file now. It is not correctly to writeitems in the following way:

   ["||10"","", "", "", "", "", "", "", "", "", ],
   ["||11"","", "", "", "", "", "", "", "", "", ],

You should write:

   ["||10","", "", "", "", "", "", "", "", "", ],
   ["||11","", "", "", "", "", "", "", "", "", ],