Superfish Horizontal Tabbed Menu by Deluxe-Menu.com
Superfish Horizontal Tabbed Menu

Menu Screenshots

Superfish Horizontal Tabbed Menu Dynamic Dropdown Menu With Javascript

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed superfish horizontal tabbed menu 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
Xp Style Menu Javascript Superfish Horizontal Tabbed Menu
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Can I move the submenu 5px to the right so it doesn’t stick to the main tree javascript hierarchical menu (Please try to separate them without a color).

A: You should set the following parameter:

  var topDX=5;



Q: When I click on a tab in the css drop down menu tabs it is not activate.
What is the setting to change this?

A: You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>>




Q: We use your deluxe menu app. We are trying to configure menu windows to a certain width. But when we configure it to a certain number of characters, the app cuts words. Is there any way to configure it, so that doesn't happens and puts that word in the lower line in the menu en javascript item?

A: Try to use the following parameter:

  var noWrap=0;

You can also use standard <br> tags within menu en javascript item's text.

["Product <br> Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],



Q: My mainmenu items are not links. So i need no link cursor. My submenu item are links, so i need a pointer(hand).
How can i define 2 different cursors. I tried all the possible settings for the cursor in the program but noting works.
I tried is also with a CSS class for the submenu, but that wasn't also working.
In brief: i want an arrow cursur in my mainmenu, and an hand cursor in my submenu. With smart scroll doesn't solve my problem.
Can you give me a hint to do this.


A: Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";