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

Menu Screenshots

Collapsible Menu Css Suckerfish Using Javascript To Develop Menu Bar

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
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 Horizontal Pull Down Menu Collapsible Menu Css Suckerfish
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 collapsible menu css suckerfish 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 collapsible menu css suckerfish menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: By the way, this is an issue at your site, too...

Have a look at
http://deluxe-menu.com/objects-overlapping-sample.html in
FireFox - when hovering over the Product Info or Samples buttons, the Deluxe Menu flash element disappears behind the drop-down menu.

I notice this pages states: "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.".


A: Unfortunately, it is really so.
Now there is no work around for this.
We'll try to fix this bug in the future version of Deluxe Menu.


Q: I never succeed to see the images in the dhtml menu examples using my default folder hierarchy (ie : a folder for the html files and a folder for the js files). The only way for me was to create the data.files folder in the html folder. It works but it does not follow my production standard. Did I forget something ?

A: You should set relative paths according to your html page.
For example, you have such file structure:
web-content/
   data/
     dmenu.js
     data.js
   Artwork/
     image.gif
     ...
   pages/
    1.html // page with the dhtml menu examples
    2.html // page with the dhtml menu examples
...

So in Deluxe Tuner you should open image.gif file.
You will have, for example:
d:\webpages\site\web-content\Artwork\image.gif

Then you should delete "d:\webpages\site1\web-content\" and add ../prefix. The path will be:

../Artwork/image.gif

You can also set path_prefix
  var pathPrefix_img = "../Artwork/";

Or you can try to use absolute paths, for example:
  var pathPrefix_img = "http://domain.com/images/";



Q: Im working on a menu with your program, and am unable to make the javascript sticky menu save the hover states after you move off the navigation item and onto its child nav items.

For example

Example Nav item 1
-Example Sub Nav item 1
-Example Sub Nav item 2
-Example Sub Nav item 3

When I hover on the Example Nav Item 1, the hover state works, but when I move my mouse down (Im using a horizontal javascript sticky menu) to select Example Sub Nav item 1, I want the hover state to stay selected on the "parent" Nav Item. Is this possible? What is the variable you have to change to accomplish this?

A: Yes, it's possible, please use

  var saveNavigationPath = 1; The javascript sticky menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).



Q: When I create a tree menu that can be expanded with the double arrows. I was wonder if there was a way to have the dhtml slide tree menu already expanded with I open the page the menu is on instead of having to expanded every time.


A: To expand items by default in Deluxe Tree you should add '+' symbolbefore item text.

Foe example:
["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
   ["||What's New","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
   ["||Features","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
...

The following parameter expands all menu items by default:

  var texpanded=1;