按钮旁边的股利菜单

我有简单的HTML页面：按钮旁边的股利菜单

<html> 
    <head></head> 
    <body> 
    <table> 
     <tr> 
      <td> 
       <input type="image" src="http://backticket.com.ua/Img/addNew.jpg" onmouseover="ShowMenu();" onmouseout="HideMenu();" /> 
      </td> 
      <td> 
       Some text that should be under appeared menu 
      </td> 
     </tr> 
     <tr> 
      <td colspan="2"> 
       Some text that Some text that Some text that 
      </td> 
     </tr> 
    </table> 

    <div id="divMenu" style="display:none; width: 258px; padding: 8px 0px; border: solid 1px #CCC; background-color:White"> 
     <div style="float: left; width: 140px; padding: 6px 2px;"> 
      <a href="javascript:window.print();">Print Page</a> 
     </div> 
     <div style="float: left; width: 140px; padding: 6px 2px;"> 
      <a href="#" onclick="return showEmailToFriendPopup();" class="vi_link">Email to a Freind</a> 
     </div> 
     <div style="float: left; width: 140px; padding: 6px 2px;"> 
      <a href="#">Add to Favorites</a> 
     </div> 
    </div> 

    <script type="text/javascript"> 
     function ShowMenu() { 
      document.getElementById('divMenu').style.display = ''; 
     } 

     function HideMenu() { 
      document.getElementById('divMenu').style.display = 'none'; 
     } 

    </script> 

    </body> 
</html>

我需要显示隐藏DIV菜单旁边的按钮（在右侧）比其他文本和元素在页面上。此外，菜单应该可见，直到按钮或菜单的鼠标悬停，就像在AddThis服务中的悬停按钮一样。

谁能帮我使用javascript？

谢谢！

来源

2011-04-07 ihorko

把一个div标签放在你的表格中，给它一个CSS样式值“float：left”。然后，您给“divMenu”CSS样式值“float：right”。

其余的似乎工作正常，至少在Firefox中。

来源

2011-04-07 09:08:24 Fabian

它'不，你可以改变和张贴在这里上面的HTML代码？ – ihorko 2011-04-07 09:21:46

按钮旁边的股利菜单

回答

相关问题