Jquery Collapsible Menu by Deluxe-Menu.com
Jquery Collapsible Menu

Template:

Veoh Style Menu Template - DHTML Horizontal Menu






    - Items with icons
    - Status string shows item labels
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Unlimited number of sub levels
    - Submenus automatically scrolls
    - Horizontal or vertical orientation
    - Submenus go over all page objects




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

Menu Screenshots

Jquery Collapsible Menu Java Script Template Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Javascript Menu Ejemplos Jquery Collapsible Menu
Cost Effective
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have implemented a deluxe-menu on my client's website and I had a couple of questions.

1. Can I control how fast the submenus scroll in my javascript menu examples? If you look at the site and hover over Need An Expert? on the menu and then point to Practice Areas, this submenu seems to scroll slower than if you mouse over "Technology" and scroll that submenu. The Technology submenu scrolls a lot faster. Is it because there are many more items in the Technology submenu? I tried to find a setting for "scroll speed" or the like, but I couldn't find it.

2. In internet explorer, when you mouse over Need An Expert?, Technology the first time you go to the page, there is a 3-4 second delay before the submenu opens. There are a lot of submenu items under Technology, but in Firefox, there doesn't seem to be this delay. Do you know why this would happen in IE? Is there a way to fix it? Could the problem be that each submenu item has a background graphic and this is causing the delay?

3. When you get to a page on the site and you rollover the top level menu, there is also a delay before the background image of the menu items shows up. You get a solid blue background color for a second or two (the bgcolor assigned) and then the graphic loads and shows up. Is there any way around this? I have a javascript to preload the image (back.jpg) but that doesn't seem to help.

Any help would be greatly appreciated!!!

A: 1. The scroll speed depends on number of items to be scrolled, more items -> faster scroll.
You can decrease the number of items or enlarge the size of submenu.

2,3. Please try to add the following param:

  var dm_writeAll = 1;

It will load all backgrounds on page load, no on mouseover.



Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.

Q: I'm creating a "Clear" style dhtml menu and for whateverreason it automatically spaces the menu items unevenly.
For the life of me I can't figure out how to set the spacing evenly.

A: Try to set exact width for each top item using Individual Item Styles:

  var itemStyles = [["itemWidth=120px"],];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];



Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.

A: Delete "height: 0%;" parameter from the style of the content DIV:

<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">

So you'll have:

<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">



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