Cascading Menu Jquery by Deluxe-Menu.com
Cascading Menu Jquery

Template:

Orange Tabs Template - Rollover Drop Down Menu






    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus go over all page objects
    - Items with icons
    - Filters and Transitional effects
    - Status string shows item labels
    - Unlimited number of sub levels
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Cascading Menu Jquery How To Clear Drop Down Menu

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

Features

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!
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
Tab Menu Systems Cascading Menu Jquery
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed cascading menu jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:

- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?


- I can expand or diminish the number of buttons and links


- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?

- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?


A: 1) No, there is no such tag - <img src=" " >

For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item

in normal, mouseover and selected states.

And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.

Please, see the code of this template.

2) You can create any number of the buttons and links.

3) You can set links for main items and for the subitems.
For example:

  var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
 ["|Link 1_1","http://apycom.com",,,,,,"0"],
 ["|Link 1_2","testlink.htm",,,,,,"0"],
 ["|Link 1_3","testlink.htm",,,,,,"0"],

So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.

4) This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)


Q: We are experimenting with your library but can't seem to make it work. I am getting "d_ddm is undefined" in dmenu_popup.js menu script.

Could you tell me what we are doing wrong?

A: You should change

onClick="return dm_popup(1, 500, event);

to

onClick="return dm_popup(0, 500, event);

If you have only one menu on the page your menuInd = 0;

Q: Is this tag necessary?

<script type="text/javascript">  var dmWorkPath="scripts/";</script>

Because Dreamweaver will not automatically update the path when the directory changes, (won't change from scripts/ to ../scripts).


A: Yes, it is a necessary tag.
Your menu won't work correctly without this tag.


Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:

  var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

You can also try to use the following parameter to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';



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