사업부 메뉴

나는 간단한 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>

. AddThis 서비스의 호버 버튼과 같이 버튼이나 메뉴의 마우스 아웃 때까지 메뉴가 표시되어야합니다.

누가 자바 스크립트를 도와 줄 수 있습니까?

감사합니다.

출처

2011-04-07 ihorko

테이블 주위에 div 태그를 넣고 CSS 스타일 값인 "float : left"를 지정하십시오. 그런 다음 "divMenu"에 CSS 스타일 값인 "float : right"를 지정합니다.

나머지는 Firefox에서 제대로 작동하는 것 같습니다.

출처

2011-04-07 09:08:24 Fabian

위와 달리 html 코드를 변경하여 게시 할 수 있습니까? – ihorko

사업부 메뉴

답변

관련 문제