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

Menu Screenshots

Flyout Side Menu Jquery Dhtml Script

Features

Cost Effective
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!
Creating Transparent Drop Down Menus Flyout Side Menu Jquery
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: One other issue I am having if you don't mind helping. On my web site when I run the menu I get an Errors on page message with the following

Line: 16
Char: 18132
Error: Access is denied.
Code: 0
URL: http://www.site.id.au/left_frame.htm

When I run the site from my local PC with the menu, I don't get this error?
Could you possibly suggest why? I can't find anything on your site.


A: Try to check all you paths.
original setting:

  var tmenuBackImage="";
  var titemBackImage=["",""];

changed to:

  var tmenuBackImage="images/blank.gif";

  var titemBackImage=["images/blank.gif","images/blank.gif"];

Try to specify units in "px".
  var tmenuWidth = "180px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";
Now you have such parameters in the menu:
   ["||24","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],    ["||Battlestar Galactica","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
   ["||Blade","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/blade.htm", , , , , "main_frame", , , , , ],
   ["||Eureka","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/eureka.htm", , , , , "main_frame", , , , , ],
   ["||I Pity the Fool","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/ipitythefool.htm", , , , , "main_frame", , , , , ],

You cannot use local paths on your website.
Please, correct it. <
br>You should write for example:    ["||24","site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],
   ["||Battlestar Galactica","site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],

Try to use also the attached engine .js files on your server.


Q: How to select a different background (colour or images) in the link drop down menu?


A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image(color) for the items

  var itemStyles = [
["itemWidth=92px","itemBackColor=#FFF000,#AAAAAA","itemBackImage=deluxe-menu.files/btn_black.gif,
deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).
["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],


Q: I recently decided to begin using the modal popup window and needthe calling browser window to reload when the deluxe-popup closes.

A: You can add an event when you close your popup window in the following way:

document.getElementById('ID').onclose = function(){ call(parameter1, parameter2); };

where ID is the ID of your window.

Add this code after you call your data file or deluxePopupWindow.open function.



Q: I'd like to create  a tabbed menu which has about 9 or 10 main tabs.
I'd like to conserve the horizontal space, and wrap the menu after 4 or 5 tabs to have two rows of main tabs. Some tabs have sub menus, some don't.
The first main tab has about 10 items, and I'd like the user to be able to click on that main tab to see the 10 items.

I was going along splendidly with tab mode on. Then I get too far to the right and want to wrap.
hence that is why I want two rows, and apparently need to add the $ to wrap the menu around to a second row.

Do I need to use two tab menus to accomplish this?


A: This doesn't work in TabMode=1.

I suppose that it will be better to use two menus on the page.