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

Template:

Ebay Style Template - Dhtml Menu Bar






    - Horizontal or vertical orientation
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Superfish Sliding Door Javascript Rollover Menu Horizontal

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
Cost Effective
Example Drop Down Menus On Websites Superfish Sliding Door
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How I can control the displayed items by writing my own security control logics?

Can the developer version allows me to edit all the generated java scripts for menu?

A: You can use API functions and control the displayed items.
Find more info here:
http://deluxe-menu.com/functions-info.html

> Can the developer version allows me to edit all> the generated java scripts for menu?

Script in Single, Multiple and Developer licenses is obfuscated, youcannot modify it.

If you want to modify the java scripts for menu you should buy Deluxe Menu & Deluxe Tree & Deluxe TabsDeveloper License with Javascript Source Code.



Q: Is there a way to hide a javascript top menu options using either CSS or the java api based on the site user?

(I use ColdFusion for scripting)

A: Deluxe Menu supports Javascript API.
You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.



Q: How can I add a submenu to the parent javascript menu horizontal?

A: You should add '|' symbols before item's text.

["Samples","", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 1","testlink.htm", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2","testlink.htm", "", "", "", "", "", "", "", "", "", ],
   ["||Sample 2","testlink.htm", "", "", "", "", "", "", "", "", "", ],

Actually you can create your menu easily in Deluxe Tuner GUI tool.

Q: When using javascript tabbed 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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste content of javascript tabbed menu here!!!!!
</div>

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

<br><br><br>

You should paste your description here!!!!!
</div>



Buy Now!   ::  Free Trial Download   ::  More Info