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

Template:






    - Submenus automatically scrolls
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Filters and Transitional effects
    - Submenus dropdown on mouseover




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

Menu Screenshots

Menu Sliding Desplegable Vertical Treemenu

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

Features

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
Javascript Menu Layers Menu Sliding Desplegable Vertical
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu sliding desplegable vertical samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu sliding desplegable vertical menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
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 can not figure out how to get the grey separator gif to show up in the navigation bar scripts.
Where in the DeluxeTuner do you select that?

A: You should add separators between your items,
use "Add separator" button on the mainwidow of Deluxe Tuner.

  var menuItems = [

["Item1","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item4","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item5","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item6","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item7","", "", "", "", "", "", "", "", "", "", ],
];

  var separatorVImage="separv1.gif";
  var separatorVWidth="1px";
  var separatorVHeight="21px";

Notice that I've used my on separator image, you should use your own image.


Q: I'm trying to evaluate the possiblity of using your menu in our product. Can we specify our own onclick event handler for the menu item?


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


Q: I have problems to show scandic letters in rollover navigation bar in ie6/7 browsers.
Every other browsers show menu correctly, but these can't show scandic letters.


A: Actually you can use any letters in the menu.

Please, check that you've set "Tools/Use utf8 encode".

When you save your data file in UTF8 you should use the same encoding on our html page.

So you should write:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.




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