Flyout Vertical Java Menu Templates by Deluxe-Menu.com
Flyout Vertical Java Menu Templates

Template:

Blue Menu Template - Html Menu Code





    - Filters and Transitional effects
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - Several menus on one page
    - Relative/Absolute menu position
    - Status string shows item labels
    - Image arrows
    - 85% transparency for sub menus




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

Menu Screenshots

Flyout Vertical Java Menu Templates Menus Css

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flyout vertical java menu templates 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!
Drag And Drop Javascript Form Flyout Vertical Java Menu Templates
Cost Effective
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your flyout vertical java menu templates 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.

  • 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: Can you provide an example of how to dynamically change the menu items at runtime for the dropdown menus?
(asp is fine, but if it needs to javascript that is also ok)

A: 1) You can use API functions to affect items dynamically:
http://deluxe-menu.com/functions-info.html

2)Generate your menu items dynamically from database.
Unfortunately we don't have working example with ASP.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.

A: Unfortunately it is not possible with css menu.

On each page you should call css file with styles:

<link href="menu.css" rel="stylesheet" type="text/css" />

and add code for the menu on each page in the place where you want to have a menu, forexample:

<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>

You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: Our company has been using the trial version of Deluxe Menu and was satisfied enough with initial integration efforts to acquire the license version.

We are interested in making our main dhtml rollover menu items a constant width, but the data.js parameters (  var menuWidth="800px";   var menuHeight="30px";   var smWidth="";   var smHeight="";) don't seem to give us that capability. We dynamically remove main menu items based on user roles and when we do the main menu always re-sizes and the remaining main menu item widths no longer match our sub-menu widths. We're able to adjust for this by using the API but that seems to be a lot of unnecessary coding. If we could keep each main menu item a fixed width, our sub-menu widths would not have to change.

Do you have information on how to accomplish fixed main menu item widths, even better would be an example?

A: Actually you can specify the width and of all or individual dhtml rollover menu items or submenus usingIndividual Item/Submenu styles.

Q: Can I make dhtml menu sample so a user can open a link on a Deluxe-Menu in a new browser tab instead of a new window using IE?

I really like your menu system.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



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