Jquery Dropdown Menu by Deluxe-Menu.com
Jquery Dropdown Menu

Template:






    - Horizontal or vertical orientation
    - Submenus automatically scrolls
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Hundreds of pre-designed templates
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - UL/LI items structure




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

Menu Screenshots

Jquery Dropdown Menu Javascript Moving Menu Tutorial

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

Features

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
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
Html Menu Samples Jquery Dropdown Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery dropdown 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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I've looked through the FAQ's till my eyes burned... I know how to collapse/expand all on page load, but can't find an answer to this specific question

I am using tsaveState=1 and tcloseExpanded=1 and that works great when navigating the javascript vertical tree menu. But I'd like to be able to tell the javascript vertical tree menu to collapse all the way on the initial page load, without resetting those first two variables.

for instance;

a user logs on, goes to the order page, uses the menu to navigate and place an order. After the order is processed through a php verification page, the user is directed back to the order page via the php header() function, with the menu still intact, and the values of the order updated.

But once the user navigates away from the order page, and then returns to complete another order, I'd like the menu items to all be collapsed.

If that's not an inherent design of your menu program, is there a variable that I can pass with the initial load that will cause a full collapse?

A: No, unfortunately there is no such parameter in Deluxe Tree.

But you can try to delete
  var tsaveState=1;
parameter from your data file and add it on your html page directly.

So, on your initial page you can set:
  var tsaveState=0;

and on other pages you should set:
  var tsaveState=1;

Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:



But when I change it, all the down menus dhtml break on the sites.

A: Try to specify all units in "px":

  var itemPadding="3px";

  var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];

  var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];




Q: I've added a tab menu to a site but I want to know
how to get the active tab to stay a certain color in the html tabs menu
when you're on that tabs page.


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

You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from 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: However, I did not see how you get the content of link value of the tab to display below horizontal tabs.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

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