Jquery Menu Hover Submenu Vertical Slideup by Deluxe-Menu.com
Jquery Menu Hover Submenu Vertical Slideup

Menu Screenshots

Jquery Menu Hover Submenu Vertical Slideup Menu Dynamique Style Windows Xp Javascript

Features

Cost Effective
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
Css Pull Down Menu Source Code Jquery Menu Hover Submenu Vertical Slideup
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery menu hover submenu vertical slideup menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery menu hover submenu vertical slideup 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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: We want the javascript dhtml drop down menu which have sub menu to have a arrow, so that the visitor know that they have to cliek there. We have put in arrow on the tab which are having drop downs, but on mouse over to the single javascript dhtml drop down menu also it is showing the arrow and another problem is that when the drop down is used then there after the arrow is no more visible.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif", "left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif, left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],
["+Services","", "", "", "", "", "", "0", "0", "", ], //style0

Try that.



Q: When I put any new link on my tree view expand it goes as if I am placing as _blank when I have it leading to _self.

A: At the moment you have:
  var titemTarget="_blank";

And you haven't specified "_self" parameter to
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm", "", "", "", "", "", "", "", ],

You should set
  var titemTarget="_self";
or set "_self" parameter for each item individually:
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm","", "", "", "_self", "", "", "", ],


Q: I have just bought the software and created a first menu.

As you can see the sub-menus appear away for the menu/navigation bar.

This doesnТt happen when I put the code into an .html file without any divs.

Can you suggest what the problem might be here?


A: The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add <DIV id=nav_bar_main>

to the

style="position:absolute;"

So, you'll have:

<DIV id=nav_bar_main style="position:absolute;">

Check that.


Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?

A: See the following example:

function getFullPath(mInd){
  var result='';

// get pressed item
  var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';

function getPathForItem(mInd,smInd,itInd){
// get for this item
  var params = dm_ext_getItemParams(mInd,smInd,itInd);
  var result = params[2]+ '('+ params[3]+')';

// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);

for (  var smInd_=0;smInd_ for (  var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};

return getPathForItem(mInd,params[1],params[2]);
}