This demo uses one of the following configuration files:
<%
%>
instructions and rename)And the following images:
The menu-handling code looks like this:
//open menu with given ID and co-ordinatesfunction openMenu(menuID,menuX,menuY){ //if the menu code is ready if(um.ready) { //activate menu um.activateMenu(menuID, menuX + 'px', menuY + 'px'); }}//close menu with given IDfunction closeMenu(menuID){ //if the menu code is ready if(um.ready) { //deactive menu um.deactivateMenu(menuID); }}
and is triggered from this HTML:
<ul> <li><a href="/" title="UDM Home page"> Home</a></li> <li><a href="/menu/" onmouseover="openMenu('about',200,155)" onmouseout="closeMenu('about')"> About UDM ...</a> </li> <li><a href="/demos/" onmouseover="openMenu('demos',220,205)" onmouseout="closeMenu('demos')"> Demos ...</a> </li> <li><a href="/licensing/"> Purchase</a> </li> <li><a href="/licensing/download/"> Download</a> </li> <li><a href="/menu/support/" title="Help and support" onmouseover="openMenu('support',180,255)" onmouseout="closeMenu('support')"> Support ...</a> </li> <li><a href="/contact/" title="Contact the author">Contact</a> </li> <li><a href="/" title="Brothercake home page">Brothercake</a> </li></ul>
For more about this configuration, please read the popup menu examples documentation.