Mouseover Tabs Menu In Javascript by Deluxe-Menu.com
Mouseover Tabs Menu In Javascript

Menu Screenshots

Mouseover Tabs Menu In Javascript Drop Down Menus Css

Features

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
Javascript Jump Menu Mouseover Tabs Menu In Javascript
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 mouseover tabs menu in javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your mouseover tabs menu in javascript menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Ok, please disregard my previous email, it was IE 8! I went back to IE 7 and everything is fine.

I do however got requests to speed up the javascript treeview action (of my 2 out of 2 customers thus far on your menus).

Is there a setting to make it go faster?

A:   var tXPIterations=5;

You can also try to use AJAX feature. It will increase the loading speed.


Q: On the left menuline under the a1 link, shall appear the javascript menu div, but after several refreshes, nothing happens.
On the local computer, the javascript menu div is working perfectly!

Can you send me instructions, why this problem appears?

A: You've placed the javascript menu div in

<TD class=sidebar vAlign=top width=160>

tag with the following styles:

.sidebar TR {
DISPLAY: none! important
}
TD.sidebar IMG {
DISPLAY: none
}
.sidebar TABLE TR TD IMG {
DISPLAY: none
}
.sidebar TABLE TR TD {
DISPLAY: none}

That's why you cannot see the javascript menu div. Delete "DISPLAY: none" propertyfrom the style.



Q: The navigation menus shows up behind the YouTube videos instead of the front

A: You should add opaque parameter to object and embed tags. So set your video in thefollowing way:

<object width="445" height="364">
<param name="movie" value="http://www.youtube-nocookie.com/v/tXdWj-teINc&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1">
<param name="allowFullScreen" value="true">
<param name="wmode" value="opaque">
<param name="allowscriptaccess" value="always">
<embed src="islam-supports-child-marriage-rape-and_files/tXdWj-teINchlenfs1rel0color10x2b405bcolor20x6b8ab6border1.swf" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364">
</object>

Q: I just purchased your multiple site bundle and have a menu question.

I need to create a menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.


A: You should use Individual Item Styles.

You should set the following parameters:

1)   var menuBorderWidth=0;
2) Create Submenu Style

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and thenchoose "Submenu Styles" tab.

3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:
  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0

 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],    ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],