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

Template:

Rounded Nav Bar Template - Drop Down Navigation Menu






    - UL/LI items structure
    - Relative/Absolute menu position
    - Status string shows item labels
    - Submenus automatically scrolls
    - Submenus go over all page objects
    - Sound support!
    - Image arrows
    - Personal CSS styles for separate menu elements




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 Menu Bar Generator

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

Features

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!
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
Javascript For Menus Samples Menu Sliding Desplegable Vertical
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
Cost Effective
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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like, that not only the text is represented differently when dhtml nav menu item is expanded, also the Icon separates before it at the side where I am.

iconarrs.gif is not right
iconarrs_aktiv.gif is right

How do I solve that?

A: You should set arrow for expanded state

   ["||Seite 1","seite1.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite 1", "_self", "", "", "", ],
   ["||Seite 2","seite2.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite2", "_self", "", "", "", ],
   ["||Seite 3","seite3.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite3", "_self", "", "", "", ],




Q: I'm using the trial version of your product and have a question for you before purchasing:

How do I show different content when selecting the different dhtml layer menu tabs?

For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?

move the mouse over a Menu !!!!!!


A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];

Where yourFunc() is Javascript function.


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