Menu Vertical Desplegable Css by Deluxe-Menu.com
Menu Vertical Desplegable Css

Template:






    - Unlimited number of sub levels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Text aligned to left
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Image arrows
    - Status string shows item labels




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

Menu Screenshots

Menu Vertical Desplegable Css Javascript Pull Down Navigation

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

Features

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
Javascript Horizontal Mouse Over Menus Menu Vertical Desplegable Css
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu vertical desplegable css menus easily and in no time
  • Sensible menu parameters for manual editing
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
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do you have a product that serves as a cascading drop down menu where you can override the width of the display?

A: You can use "smart scrolling" feature in this case for the Deluxe Menu.
To disable/enable the "smart scrolling" for the main items and submenus use the following javascript scrolling menu parameters:

  var smSmartScroll = 1;
  var topSmartScroll = 1; (works if   var menuWidth isn't empty)

You can also specify height and width for each separate submenu using the following menu parameters:

  var smWidth = "100px";
  var smHeight = "300px";

Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?


A: You can create Individual Item Style and assign it to each item insubmenu.

For example:

  var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];

and assign it to each item in submenu:
 ["|Item 7","", "", "", "", "", "0", "", "", ],
 ["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
 ["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],


Q: I just need to know if there is a way of establishing the width at "runtime" in the javascript dynamic menu so that my frame in my frameset can be widened accordingly.

A: There are no special parameters for menu dimensions.
But you can use submenu IDs. For example, top-menu has ID"dmXXXm0"

Where XXX - menu index. So, first menu on the page has ID "dm0m0".
So, you can determine menu dimensions so:

document.getElementById('dm0m0').offsetWidth
document.getElementById('dm0m0').offsetHeight

You can also use Javascript API functions to take submenu IDs.



Q: first - the deluxe menu is a nice tool, greatly.

but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour

A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
  var menuWidth="";
parameter.

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

> - I wish the actual site (menu item) in another colour
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
];

  var menuItems = [

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



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