Css Tabs Visibility Menu by Deluxe-Menu.com
Css Tabs Visibility Menu

Menu Screenshots

Css Tabs Visibility Menu Javascript With Flyout Menu

Features

Cost Effective
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!
Javascript Xp Tree Menu Css Tabs Visibility Menu
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I would like to add your tree structure to my web page. I need to know if I can add substantial data to the expanded tree structure, for instance:

Click here to expand product A
And here is the expanded content that takes up three paragraphs and
wraps itself etcetera all about product A

Can your deluxe-tree accept multiple lines and paragraphs with wrapping in the sub items, or is it for one or two line menu data only.


A:   var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


Q: I will buy your Deluxe Menu with an Multiple Website License.

Can I create websites for clients with the javascript collapsible tree?

A: Yes, you will be able to create and use Deluxe Menuon the client's websites.

Q: Is there any way through script to call the function that would be called if the user clicked a dhtml tabbed menu?


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

  var bmenuitems = [
["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 bmenuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];


Q: I can not figure out how to get the grey separator gif to show up in the navigation bar scripts.
Where in the DeluxeTuner do you select that?

A: You should add separators between your items,
use "Add separator" button on the mainwidow of Deluxe Tuner.

  var menuItems = [

["Item1","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item4","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item5","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item6","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item7","", "", "", "", "", "", "", "", "", "", ],
];

  var separatorVImage="separv1.gif";
  var separatorVWidth="1px";
  var separatorVHeight="21px";

Notice that I've used my on separator image, you should use your own image.