Tooltip Menu

It's quite easy to create a navigation menu with Menucool Tooltip widget (see demo above).

How To Build
  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 Menucool Menu license. It requires Menucool JavaScript Tooltip license.


Your Name
+ =  

Question Title

If your question is about troubleshooting, please first go through the checking list in Troubleshooting Request.