Css Expanding Menu Concertina by Deluxe-Menu.com
Css Expanding Menu Concertina

Template:

iPhone 20 Template - Mouseover CSS Menu






    - 85% transparency for sub menus
    - Relative/Absolute menu position
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Unlimited number of sub levels
    - Top items and submenus have a shadow
    - Inactive/Disabled items
    - UL/LI items structure
    - Hundreds of pre-designed templates




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

Menu Screenshots

Css Expanding Menu Concertina Css Menus Transparency

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

Features

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
Horizontal Navbar Css Expanding Menu Concertina
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css expanding menu concertina 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 css expanding menu concertina 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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Now, one more little question -

in a Tree menu, I know how to make a menu expand by default and expand only on a mouse click.

However, I believe there is a way to make a menu item expand on a "mouse over" without a click.

How can this be done?


A: No, unfortunately it is not possible to expand the tree menu onmouseover now. It is possible that we'll add this feature in the nextversion.


Q: I have just 2 more questions.

1. Can the 3rd level be configured to be a javascript vertical menu?

2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).

A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:

  var menuStyles = [
["smOrientation=0"], //id=0
];

Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],

2) No, it is not possible now. Your 3rd level submenu will be visible too.

Q: I have the following problem. I've set target parameter to "_self".
But my html files still opens in a new window.


A: Please, check the following parameters:
  var itemTarget="_self"; //default target

You can set target parameter for each item.

See menuItems parameter:

  var menuItems =
[
    ["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
     ["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_self",,"0"],
];

Try that.


Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.

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