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

Template:

Glossy Menu Template - DHTML Menu Navigation






    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - Text aligned to left
    - UL/LI items structure




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

Menu Screenshots

Superfish Horizontal Tabbed Menu Windows Style Menu Bar With Dhtml

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

Features

Cost Effective
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
Sample Side Menu Superfish Horizontal Tabbed Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your superfish horizontal tabbed menu 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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Using data-visa-5.js

Trying to get the menu to start collapsed rather than fully expanded.

Thought it was the   var texpanded=0 setting but doesn't seem to have any effect.

A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:

["+   Home","index.php","","","Home","","","1",""],
["+   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+   WeatherForum","/forum/index.php","","","Home","","","1",""],
["+   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+   Weather Maps","","","","Weather Maps","","","1",""],

Delete + signs from your items:

["   Home","index.php","","","Home","","","1",""],
["   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["   WeatherForum","/forum/index.php","","","Home","","","1",""],
["   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["   Weather Maps","","","","Weather Maps","","","1",""],




Q: The problem that I'm having is when ever the menu has an external link clicked to load in the main frame, the main menu (blue one with icons) dropped down & the frame below is moved to the bottom ofthe menu, or in other terms the menu frame stretches to the size of the menu & moves the main frame down.

A: The menu will work correctly in the cross-frame mode if you load pages into the sub frame from the same domain.
If you load pages from another domain submenus won't be shown in the subframe - they will be shown in the frame with the top-menu.
It's caused by a security policy of browsers - a script can't modify a content of pages from another domain.



Q: I need to be able to highlight the selected menu item of the sliding drop down menu.

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: We have a problem with the submenus going cross-frame.
Whenever there is a webpage from another website in the content/target-frame the frameset twists and all the pages are shown in the topframe. A lot of the information on our web is in office word-files and when they are opened in the content/target-frame the same cross-frame-problem happens. Is it only possible for the sub-menus to go cross-frame when one of our own webpages is shown in the target-frame?


A: See more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Notice, the menu will work correctly in the cross-frame mode if you load pages into the sub frame from the same domain.
If you load pages from another domain submenus won't be shown in the subframe - they will be shown in the frame with the top-menu.
It's caused by a security policy of browsers - a script can't modify a content of pages from another domain.


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