Jqueryui Tab Submenu by Deluxe-Menu.com
Jqueryui Tab Submenu

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Submenus go over all page objects
    - Several menus on one page
    - Image arrows
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Text aligned to left
    - UL/LI items structure
    - Submenus dropdown on mouseover




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

Menu Screenshots

Jqueryui Tab Submenu Http Javascriptmenu Net Simple_Menu_Javascript Html

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

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
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
Dhtml Navigation Jqueryui Tab Submenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jqueryui tab submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your jqueryui tab submenu 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'm trying to figure out how I can tie in this code loan_profile.asp?id= into the link on the tree menu, for example:

 ["|Loan Profile", "../pipeline/loan_profile.asp?id=<%=rsLoans("loan_id")%>", "", "", "", "", "", "2"],

When I try this and then test it in the browser the menu doesn't even show up and it says that there's an error... what can I do to fix this? Please get back ASAP. Thanks!

A: Try to write your code in the following way:

 ["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],



Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?


A: In that case you should open images I'm using for top tabs in any graph editor and changethem.

back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)

sep_top.gif // separator for the top items

top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:

["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],

By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],

top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],

and so on...

For the subtabs I'm use images for arrows only:
  var arrowWidthSub=8;
  var arrowHeightSub=8;
  var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]


Q: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems. In the general menu properties there is a "Global"   var titemHeight = 22; My problem is that I would like my upper level of my free tree menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style
  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use
  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upperlevel of your menu items.

Q: I think I followed the instructions on FAQ to center my drop down menu js but it still will not center. Can you help?

A: You can use different colors for each item and subitem of the drop down menu js
You should use individual item styles.
More info you can find here:
http://deluxe-menu.com/individual-item-styles-info.html



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