Javascript Floating Menu Onmouseover by Deluxe-Menu.com
Javascript Floating Menu Onmouseover

Template:

iPhone 13 Template - CSS Menu Collapse






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus automatically scrolls
    - Items with icons
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Text aligned to left




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

Menu Screenshots

Javascript Floating Menu Onmouseover Html Tutorial Submenu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript floating menu onmouseover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Vertical Navigation Javascript Floating Menu Onmouseover
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript floating menu onmouseover menus easily and in no time
  • Sensible menu parameters for manual editing
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
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have placed my horizontal menu in javascript (1003 px width) in a table whose width is 1003px my dropdowns span from extreme left to extreme right (screen shots attached) by default the dropdown is leaving 20 pixels margins on both the ends which disturbs my layout. This happens when my screen resolution is 1024 x 768, when viewed in higher or wide screen monitors this problem does not arise. Please suggest a solution.

Appreciate your response.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open engine file for horizontal menu in javascript - dmenu.js - file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;



Q: When I load a page with dhtml menu sample, lets say contact, the first tab is always highlighted, not the contact tab

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code on each page before you call your data file, for example:

<script language="JavaScript1.2>

  var bselectedItem = 3;

</script>



Q: The buttons show up just fine in IE, but not in the other browsers. I am using Frontpage for my html.


A: Your file names are incorrect.
For example, now you have:
Button gold side 2 NEW.GIF
Button purple side 2 NEW.GIF

Firefox and Opera cannot open a file with blanks in the name.

Please, rename your files, for example:

Button_gold_.GIF
Button_purple.GIF

Your menu will work fine.


Q: I would like all my submenus of the html menu to appear in the same location on the page and not relative to the parent menu item.

A: You can do it using the following parameters:

  var subMenuAlign = "left"; - Horizontal alignment for submenus.

"pleft", "pcenter", "pright" - alignment relative to the parent submenu.

  var subMenuVAlign = "top"; - Submenus vertical alignment.

"ptop", "pcenter", "pbottom" - alignment relative to the parent submenu.



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