Css Collapsible Menu Tutorial by Deluxe-Menu.com
Css Collapsible Menu Tutorial

Menu Screenshots

Css Collapsible Menu Tutorial Vertical Cascade Menu Example Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
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
Vertical Drop Css Collapsible Menu Tutorial
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Very interested by your product.I want to know, before buy, if I can call javascript function when the user click on a items in the horizontal drop down menu?

A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Q: I use your deluxe menu for my personal website and want to use it for a client site that we are putting together at work. However, there is one challenge. Some of the sites we build for our clients are internal only and do not have a proper domain name. In the case of my current client, the site answer to a servername call from within the network. Eg. http://WebServer1/ . They will NOT have a proper domain name (eg www.mysite.com). So, my question is, how can we purchase a license and have this work? Does your licensing need to be tied to a domain name to work? Also, the client has not yet confirmed the server name. How will this work?


A: You need to register the hostname of the website (as appears in the URL, for examplehttp://yourintranet/ , http://WebServer1/).

In you case you should register "WebServer1".

< Does your licensing need to be tied to a domain name to work?
Single and Multiple Website licenses are bound to a domain name.
Developer License - this version of the script doesn't check keys and it isn't bound to a domain name,so it can be used with an application that doesn't have a fixed domain name.

For your new client you can buy Single Website License. You can alsoupgrade to Multiple Website license for the price difference and generate your own keys for theclients or you can upgrade to Developer License.


Q: I've begun experimenting with the dhtml rollover menu program and like what I see.

Question, when I have a tree menu on the left and the user clicks a node, I want the resulting HTML page to appear next to the dhtml rollover menu, on the right hand side. How do I reposition the HTML page so it doesn't take up the whole page and cover the menu?

A: You can use frames and open link pages into the content frame, or use Iframe.

Please, set the name for your iframe, for example:

<iframe name ='myFrame' ...
<frame name ='myFrame' ...

And then you must set the following dhtml rollover menu parameter in the data file withyour menu:

  var titemTarget="myFrame";



Q: Will html navigation bar work with site created using FrontPage?

A: Yes, Deluxe CSS Menu will work fine with site created in Frontpage.

Add all code generated by Deluxe Tuner.
You should copy all css styles for the menu and add it into your own .css file (orcreate a new .css file for the menu and call it on your page).

Then copy all HTML code for the menu and paste it in the place where you want to have amenu.

To view css styles and html code click "View HTML" button on the Preview window in theDeluxe Tuner.