Suckerfish Menu 508 by Deluxe-Menu.com
Suckerfish Menu 508

Menu Screenshots

Suckerfish Menu 508 State Drop Down Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your suckerfish menu 508 menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Menus Javascript Examples Suckerfish Menu 508
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.

I am not able to figure out how to equally space out all my menu items on the javascript menu bar.

My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];


Q: I am having great problems making my tab working, I seems to select the second tab by default.

I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItems parameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.

But without success?

Any idea?

Please advice


A: See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 10;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: When using website tab menu, where do I place the text content related to the selected tab,
(the text presented on the rest of the screen under the tab)?
And who do I connect a specfic text to a certain tab?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],


And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image:
url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>


Q: I should like that the active item were not stand out changing thebackground color to blue, but underlined, but I don't find as to do it.


A: Try to set the following parameter:  var ttoggleMode = 1;