Tooltip Menu

It's quite easy to create web menus with Menucool Tooltip widget (see demo above).

  • Support both horizontal and vertical menus
  • Allows any HTML content, even server controls (such as ASP.NET TextBox).
  • Open sub menu by onmouseover or onclick event
  • Support getting sub menu content from a separate document via the Menucool Tooltip's Ajax function (tooltip.ajax)
  • Supported by all major browsers CSS Menu cross browser
    IE 6.0+, Firefox 1.5+, Chrome 1.0+, Safari 3+, Opera 9.0+, Netscape 7.0+
How To Create
  1. Make each of your submenus to be a DIV element with an unique ID, and place all of them in an element that is styled as { display:none; }
  2. Get the source code of the Tooltip, and link them in the head section of your page:
    <link type="text/css" rel="stylesheet" href="/(path)/tooltip.css" />
    <script type="text/javascript" src="/(path)/tooltip.js"></script>
  3. Put the HTML of your top-level menu items on your page, and add a client event to each of the main menu items that has a submenu. For example:
    <a href="#" onmouseover="tooltip.pop(this, '#sub1')">Maecenas</a>
Source Code

The source code is within the package (demo 3) that you can download from Menucool Tooltip.


The Tooltip Menu does not require the Menucool Menu license. It requires the Menucool JavaScript Tooltip license ($20).

Ask Question

Question Title:
Your name:
+ =    
  • If your question is for troubleshooting, please read Troubleshooting Request before posting.
  • A title with good keywords will help others. Please make your title specific and on-topic
  • Questions related to styles(CSS) may not be answered