Jq Vertical Flyout Multi Content Menu by Deluxe-Menu.com
Jq Vertical Flyout Multi Content Menu

Menu Screenshots

Jq Vertical Flyout Multi Content Menu Java Xp Slide Menu

Features

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
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
Download Menus Javascripts Jq Vertical Flyout Multi Content Menu
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!
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jq vertical flyout multi content menu 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.

  • 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.

Recent Questions

Q: Is there a way to programmatically specify which tab is selected in the drop down menu using javascript?

What I mean is, I want to set the selected tab programmatically (Not clicking the tab).

A: Deluxe Tabs doesn't support API functions which can return theselected tab.

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.

For example, move "bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: We’re a licensed user of deluxe menu and tree menu.

Can you please tell me how to specify left padding for a dhtml tree menu item? I don’t see any item padding options for tree menu in any of the documentation.

A: You should use the following parameter:

  var tlevelDX=10;



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: You have been great help, but this will not work for me. All I want is the dropdown menu javascript I have attached to have these colors on the seperate top items. I just cannot make the software work . As soon as I get this done I promise to leave you alone

#0000ff Find Out Who We Are
#FF00FF Apply for a Fellowship
#00ffff Fellow'sCorner
#00ff00 Enroll in a Course
#FFFF00 Engage in a Discussion
#FF0000 Read the Bulletin

A: You should create 6 Individual Styles and assign them to you topitems.

  var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];

["Find out Who we are","http://www.humanscience.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.humanscience.org/infoSnippets.cfm", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5

You can also set
  var itemSpacing=0;
to delete spacing around the dropdown menu javascript.