Css Vertical Slide Down Menu by Deluxe-Menu.com
Css Vertical Slide Down Menu

Template:

Orange Menu Template - Drop Down Css Menu






    - Inactive/Disabled items
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Text aligned to left
    - Top items and submenus have a shadow
    - Several menus on one page
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - 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

Css Vertical Slide Down Menu Create Menu Tree Java

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

Features

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
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
Dhtml Quick Menus Css Vertical Slide Down Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your css vertical slide down menu 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 css vertical slide down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

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 would like to add your tree structure to my web page. I need to know if I can add substantial data to the expanded tree structure, for instance:

Click here to expand product A
And here is the expanded content that takes up three paragraphs and
wraps itself etcetera all about product A

Can your deluxe-tree accept multiple lines and paragraphs with wrapping in the sub items, or is it for one or two line menu data only.


A:   var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


Q: I keep getting this javascript error: "smMovable is undefined" in my javascript rightclick menu.

I am using the development version no source code. I only get the error when adding sub menu items. When it only has the top level menu items everything works fine. I have attached the script, which the portion I generate works fine when I open it using the deluxe tuner application. I am generating the menu from .Net.

I am also attaching the generated html file.

Any help with this would be appreciated. do I add padding around a top menu item?

A: Now you have the following parameters:
  var moveImage=";
  var transOptions=";

It is not correct. You should write:
  var moveImage='';
  var transOptions='';



Q: I am interested in your dhtml menu product, I did not see any examples using a target attribute for the url, i.e.
<a href=http://yoursite.com/ target-"_blank">
Also if this is supported if you could send me an example of how to configure this...


A: You should use the following parameter
  var itemTarget = "_self";

Please, see also individual items targets, for example:
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , "_blank", , , , ],
Change "_blank" to "" or to "_self".


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