Free Css Menu Deroulant Vertical by Deluxe-Menu.com
Free Css Menu Deroulant Vertical

Menu Screenshots

Free Css Menu Deroulant Vertical Netscape Javascript Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your free css menu deroulant vertical 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
Dhtml Pull Menu Free Css Menu Deroulant Vertical
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free css menu deroulant vertical 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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I bought the software and am very pleased with how it works. I still have one question. When I go to the "Transitional Effects Info" page to get the parameters for the different effects, clicking in the slider menu on the desired effect does not give me any new information on the parameters. Itstays stuck on "  var transition=0". Is there another place I can go to view the various parameters for the different effects?

A: See more info here:

http://deluxe-menu.com/filters-and-effects-sample.html

Click "Show Additional Info" button.

You can also try to apply each transitional effect in Deluxe Tuner andsee it.



Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://dhtml-menu.com/dhtml-tabs/tabs-examples.html.

In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file ?


A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.

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.

<div id="contentName" 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 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: I am having a problem creating a submenu. I did not get any js errors but nothing happens.

What I have found is that even when I have dynamic=1;
I was getting an error saying object expected so I added the dmenu_dyn.js manually (i.e. <scripttype="text/javascript"src="../../Javascript/menu/dmenu_dyn.js"></script>) but now get no errors but no submenu is created.

Do I have to add all the js files in the menu folder manually as I thought it was just
<scripttype="text/javascript"src="../../Javascript/menu/dmenu.js"></script>
that was needed.

All, I am trying to add a submenu under the challenge topmenu.

function addChallengeItems(){

dm_ext_createSubmenu(0, 0, 3, ['Buy Deluxe Menu Now!', "order-deluxe-menu-purchase.html", "", "", "Buy Deluxe Menu Now!", "_blank"]);

}

And then a href that calls addChallengeItems()
<ahref="javascript:addChallengeItems();">add</a>


A: There is no need to add all engine files into your menu folder.
You can add only
dmenu.js
dmenu_dyn.js

More info about Description of Files you can find here:
http://deluxe-menu.com/description-of-files-info.html

Please delete also the following line from your code
<script type="text/javascript"src="../../Javascript/menu/dmenu_dyn.js"></script>

Try that.


Q: Can I expand all tree category in the collapse menu html?



A: You can expand all items in Deluxe Tree, set:
  var texpanded=1;

To expand specific items you should add "+" sign before item's text:

["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
 ["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
   ["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
   ["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],

Try that.