Suckerfish Fly Up Css Menus by Deluxe-Menu.com
Suckerfish Fly Up Css Menus

Menu Screenshots

Suckerfish Fly Up Css Menus Mouseover Menu With Javascript

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your suckerfish fly up css menus menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Frames Suckerfish Fly Up Css Menus
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed suckerfish fly up css menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I am using XP style tree menu and would like to have top level menu item with no submenu items. However, the right double arrow icon still show up. Is there a way to hide it for the item without submenu items in css javascript tree menu?

See the attached document, I want to remove the double arrow icon at right for "Mission Statement", "History", "Direction" and "Contact Us".

Any help will be appreciated.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif,left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["Home","", "", "", "", "", "", "0", "", "", ],
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],


Q: I wanted to ask a question about your software, we just purchased the multi license for Deluxe flash dropdown menu. We were trying in many ways to control the width between the words

We were trying to control the width between Europe, North America, Latin America, Asia, Oceania, Africa

We wanted to set the width as 16% to make them all equal with a 100% width flash dropdown menu but it did not work out for us. We tried to do it with creating an Individual style in the Item Style for all the top links. Can you please advise how are we supposed to achieve that?

A: Unfortunately it is not possible to set now:

  var menuWidth="100%";
  var itemStyles = [
["itemWidth=16%"],
];

To set the exact width for all flash dropdown menu items you should set width in 'px'.

  var menuWidth="798px";
  var itemStyles = [
["itemWidth=133px"],
];



Q: I need to know if all these products are search engine friendly?
If the content within the javascript menu is easily spidered and indexed.?


A: Deluxe Menu is a search engine friendly menu since v1.12.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: Could you please help me with coding of the submenu box in your java script dropdown menu?
I hope you can see images I've included in this email.
I want to put a large block of text in the submenu.
Now I can do it like the code shown here and it wraps and works OK.
["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>text Line 2text Line 2text Line 2text Line 2<br>Text line 3Text line 3Text line 3Text line 3<br>text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

The problem is that if I want a large amount of text, the line of code with text in it will be 10 miles long. Please note the line of code above isn't broken in practice. The email wraps it.

Is there any way to break the code into lines instead of one very long line?
For example:

["Text display","", "", "", "", "", "0", "0", "", ],
 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>
Line 2text Line 2text Line 2text Line 2<br>
Text line 3Text line 3Text line 3Text line 3<br>
text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];

No matter what way I try It won't work
Is there a way?

A: The only way to do that is

 ["|Text Line 1 Text Line 1Text Line 1Text Line 1<br>"+
"Line 2text Line 2text Line 2text Line 2<br>"+
"Text line 3Text line 3Text line 3Text line 3<br>"+
"text line 4text line 4text line 4text line 4text line 4", "", "", "", "", "", "", "0"],
];