Jquery Menu Examples by Deluxe-Menu.com
Jquery Menu Examples

Template:

Orange Tabs Template - Rollover Drop Down Menu






    - Items with icons
    - 85% transparency for sub menus
    - Hundreds of pre-designed templates
    - Text aligned to left
    - Submenus dropdown on mouseover
    - Sound support!
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position




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

Menu Screenshots

Jquery Menu Examples Javascript Drop Down Menus Examples

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
Transparent Javascript Dropdown Jquery Menu Examples
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery menu examples 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 examples 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: After creating and using a menu, is it possible to insert/change the position of a menu item?

For instance, I am using years in a submenu and the current year always needs to be at the top.

Is this possible with drag and drop or by some other means in the Tuner v2?


A: Yes you can do it.
You can find all info in our Help.

Please, see the text below:

To select a group of items you can use Shift and Ctrl keys.

To rename an item click on it and hold a mouse cursor for a second. Or use item parameters window.

To move items select items you want and use a mouse drag'n'drop method.

To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.Also you can use a contextual menu - a right mouse click on the list of items.


Q: I do have issues. There are not the problems when you are on the home page (you can click on one of the dropdown submenus and go there.
However, when you try to go to another page from there to another page on a nother drop down, nothing happens except javascript erros. The dropdowns physical work, in that they drop down, but the links don't go anywhere. Does that make sense.


A: See, the problem was in your dmWorkPath parameter

On all pages placed in the subfolder you should write it in thefollowing way:

<script type="text/javascript">  var dmWorkPath = "../ifnav.files/";</script>

Please, correct it.

You should also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif

Please, use pathPrefix_link parameter.


Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.

  var itemStyles = [
["itemWidth=92px"


A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.


Q: I have setup some tabs on a site that I am designing and for some reason when i click on a tab and it links to another page it automatically highlights the first tab in the row.
  I have triedfiddling with it and have not been able to figure it out.  Can someone point me in the right direction to have the correct tab selected in the css tab menu after i click it and goto the page.


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

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

For example, move "  var 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>
</span>

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