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

Menu Screenshots

Collapsible Menu Css Suckerfish Dhtml Menu Free

Features

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
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!
Scrolling Menu Using Javascript Collapsible Menu Css Suckerfish
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible menu css suckerfish menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: Hi, is there a way to fire an event when a net javascript menu tab page loads? I want to turn on a section of the page that is not part of the tab when a tab page is made visible.

A: Actually you can use your own Javascript code instead standard links. For example:

  var bmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var bmenuItems = [
["<div onClick='your_code_here'>item text</div>", ""]
];



Q: The xml drop down menu gets at the back of the flash..Can you tell us the problem?

A: You can try to add the following parameters for flash objects:

<PARAM NAME=wmode VALUE=opaque> and WMODE="opaque" for <EMBED>

It allows to overlap a flash movie by other layers.

For example:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="120" HEIGHT="40">
<PARAM NAME=movie VALUE="data-samples/flash-deluxe-menu.swf">
<PARAM NAME=quality VALUE=best>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
lt;param name="wmode" value="opaque">
<EMBED src="data-samples/flash-deluxe-menu.swf" quality=best wmode="opaque" bgcolor=#FFFFFF WIDTH="120" HEIGHT="40"NAME="data-samples/flash-deluxe-menu" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

Q: If you will go to my site you will see that the buttons turnwhite or unload and reload when hovered over. Is there anything I can do toprevent this?


A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other were not loaded yet.

If you don't want to have such effect you can use 1 state buttons.


Q: I'm just trying to get those little vertical spacers between menu items in the drop down menu.How can I do it with Deluxe Menu.

A: Please, see the following parameters of the menu:
//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "20";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";
You can create separators between items in the drop down menu using menuItems, for example:
  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],  ["|item 3"],
 ["|-"], // this subitem is separator
 ["|item 4"],
];