Superfish Sliding Door by Deluxe-Menu.com
Superfish Sliding Door

Menu Screenshots

Superfish Sliding Door Html Form Popup Menu

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your superfish sliding door menus easily and in no time
  • Sensible menu parameters for manual editing
Creating A Drop Down Menu Superfish Sliding Door
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed superfish sliding door samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: I am using cross browser drop down menu and I would like to know how I can make a link which displays its target file in 2 frames at the same time.
The menu is placed on my main page and 2 other frames are placed at the same main page too. I would like to send parameters to the mentioed 2 frames from 1 menu item to 2 frames at the same time.
Is it possible?

A: You should call javascript function onClick

function openlinks()
{ window.open('testlink_1.htm','frame3');
window.open('testlink_2.htm','frame2');
}
   ["||How To Setup","javascript:openlinks()"],

Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.

In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.

In both Firefox and Opera the border doesn't show at all.


A: Try to write so:

  var absolutePos=1;
  var posX="10";
  var posY="400";

  var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

mikebranski - jQuery Forum

Finally pushed v1.3 of my No Spam jQuery plugin out the door ... InPro's menus reveal themselves from the top-down, whereas Symmetry's actually slide down. InPro is using jQuery with Superfish; Symmetry is using an older

Zugriff auf images in Child-Theme « Forums of the dkret3 Framework

Bei den PNG-Icons verwende ich teilweise die 'sliding-door'-Technik. .... Dkret3 'Superfish' header navigation styles */ .sf-menu { float: none;

Zugriff auf images in Child-Theme « Forums of the dkret3 Framework

Bei den PNG-Icons verwende ich teilweise die 'sliding-door'-Technik. .... Dkret3 'Superfish' header navigation styles */ .sf-menu { float: none;

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

Hi, Hoping someone can assist but i am using Superfish Menu ... then add background images (sliding-doors-ish) to the LI (left) and the A

Plugins und Widgets [Archiv] - Seite 18 - WordPress Deutschland Forum

... Seiten mit zwei Oberseiten · Role Manager & StatPress für Autoren freigeben · Slidingdoor & jquery & Mediathek = Lightboxeffekt · Reiterbox gesucht!

mikebranski - jQuery Forum

Finally pushed v1.3 of my No Spam jQuery plugin out the door ... InPro's menus reveal themselves from the top-down, whereas Symmetry's actually slide down. InPro is using jQuery with Superfish; Symmetry is using an older

mikebranski - jQuery Forum

Finally pushed v1.3 of my No Spam jQuery plugin out the door ... InPro's menus reveal themselves from the top-down, whereas Symmetry's actually slide down. InPro is using jQuery with Superfish; Symmetry is using an older

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

Hi, Hoping someone can assist but i am using Superfish Menu ... then add background images (sliding-doors-ish) to the LI (left) and the A

HTML, CSS und Gestaltung [Archiv] - Seite 5 - Itratos.de

... Nur eine Splate, z.B. col3 · Sliding Doors mit anderen Grafiken ... 2 Bilder nebeinander · [Jquery Superfish] 3 horizontal menus

Plugins und Widgets [Archiv] - Seite 18 - WordPress Deutschland Forum

... Seiten mit zwei Oberseiten · Role Manager & StatPress für Autoren freigeben · Slidingdoor & jquery & Mediathek = Lightboxeffekt · Reiterbox gesucht!

Plugins und Widgets [Archiv] - Seite 18 - WordPress Deutschland Forum

... Seiten mit zwei Oberseiten · Role Manager & StatPress für Autoren freigeben · Slidingdoor & jquery & Mediathek = Lightboxeffekt · Reiterbox gesucht!

HTML, CSS und Gestaltung [Archiv] - Seite 5 - Itratos.de

... Nur eine Splate, z.B. col3 · Sliding Doors mit anderen Grafiken ... 2 Bilder nebeinander · [Jquery Superfish] 3 horizontal menus

HTML, CSS und Gestaltung [Archiv] - Seite 5 - Itratos.de

... Nur eine Splate, z.B. col3 · Sliding Doors mit anderen Grafiken ... 2 Bilder nebeinander · [Jquery Superfish] 3 horizontal menus

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

Hi, Hoping someone can assist but i am using Superfish Menu ... then add background images (sliding-doors-ish) to the LI (left) and the A

Zugriff auf images in Child-Theme « Forums of the dkret3 Framework

Bei den PNG-Icons verwende ich teilweise die 'sliding-door'-Technik. .... Dkret3 'Superfish' header navigation styles */ .sf-menu { float: none;