Vertical Smooth Expand Down Menu by Deluxe-Menu.com
Vertical Smooth Expand Down Menu

Template:

Youtube Style Template 1 - Script Drop Down Menu







    - Search feature - add the search area in the menu and type symbols.
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Status string shows item labels
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Vertical Smooth Expand Down Menu How To Create Menu

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical smooth expand down menu menus easily and in no time
  • Sensible menu parameters for manual editing
Xp Side Bar Vertical Smooth Expand Down Menu
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
Cost Effective
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Now on IE for Windows, the menus disappear as I roll over them, though not always.
I'd say 90% of the time they fade away as my cursor crosses them.
10% they stay and I can get a good click.

On Safari, they work great.


A: See menu parameters they contain:
  var smShowPause=0;
  var smHidePause=0;

You should set, for example:
  var smShowPause=200;
  var smHidePause=1000;

Try that.


Q: Is it possible to add checkboxes to menu items and retrieve the checked items? I need to create a multiple item select menu. So the javascript menu slide would need to remain open and allow a user to select multiple items and would either submit onmouseout or maybe a "submit these selections" javascript menu slide 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 &nbsp;<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;'> &nbsp;&nbsp;<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: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: I downloaded "DeLuxe Menu" and try to make a menu dynamic. I was having the impression, that every item could have it's own color. But nowhere in de program could I find how this had to be done. Every time I changed the color, weather it was under Appearance or Item Appearance, the color of the whole menu was changed.
Before I decide to buy your product, I need to know if separate coloring for the menu dynamic is possible.

A: You can create Individual Item style and assign it for the top items,for example:

  var itemStyles = [

["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=##AA0000,#0000EE","showByClick=0"],//style1
];

  var menuItems = [

["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];


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