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

Template:

Youtube Style Template 1 - Script Drop Down Menu







    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Submenus go over all page objects
    - Filters and Transitional effects
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Css Menu Deroulant Vertical Javascript Absolute Position

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css menu deroulant vertical samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Horizontal Popup Image Menu In Javascript Css Menu Deroulant Vertical
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
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is this something I can adjust ...or make submenus were you can't see through them?


A: Try to set the following parameter:
  var transparency=100;


Q: We can't figure out how to implement javascript tabs navigation into our web site.

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];



Q: I ran across your site on a search engine and downloaded the trial copy. I am playing around with it and have successfully generated  a menu bar which I wanted to try and test out.  I have followed the directions for installing it on my trial page of my website and can not get it to work. I am not sure what I am doing wrong .  I would truly love to buy this, but even with following the installation instructions, I can not get free javascript drop down menu to work.  I use Dreamweaver to build my site.

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it. To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function).
You can enter any name you like, for example enter "menu". So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.
2. open your .html page in Dreamweaver
3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.
4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:

http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">free javascript drop down menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.

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