Colapseable Blocks Css by Deluxe-Menu.com
Colapseable Blocks Css

Menu Screenshots

Colapseable Blocks Css Vertical Cascade Menu Css Javascript

Features

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
Cost Effective
Javascript Vertical Menu Example Colapseable Blocks Css
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed colapseable blocks css 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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: How can I move the dropdown navigation bar to the far right side?

A: You should install the menu into the TABLE with right alignment.

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" align="right" style=" padding: 0px; margin: 0px; background-color: #14349B;">
<script type="text/javascript" src="home_files/data-vista-BASEPOINT3.js"></script>
</td>
</tr>
</table>



Q: Hello, I am interesting in purchasing your product, but first I need to know if it is possible to call a JavaScript function from the menu.  I have read the FAQ and noted where it lists that you can perform an alert call, and that worked on my end as well, but when I attempted to call a function I created I could not get it to respond.  Is it possible to call a function from your menu?  Could I get an example?


A: You can write your own functions within menuItems, for example:

 ["|Real-Time Data Query","javascript:window.open('http://www.domain.org/', '_blank','height=758,width=1024,status=yes,toolbar=no, menubar=no,location=no');",,,'Query real time water quality data' ,'' , '', '', ,],


Q: I am using your Ajax menu and am generally delighted with it. Its ability to load sub menus on the fly is just what I have been looking for.

However, I have noticed in IE7 that it can leave sub menus displayed when you have moused off that particular ajax drop down menu. Can this be fixed?

Also, can you get the menu to disappear when you mouse off the menu, rather than having to hover over another menu or click the page off the menu.

A: See, now you've set the following parameter:
  var smHidePause=-1;

It means that your submenus won't be hidden till you click or scroll your page.

If you want to hide your submenus on mouse out you should set another value, for example:

  var smHidePause=1000;
or
  var smHidePause=500;


Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!