간단한 자바 스크립트 드롭 다운 메뉴

Question

드롭 다운 메뉴가 표시되는 클릭 가능한 아이콘 (이미지)을 만들고 싶습니다. 하위 메뉴가없는 간단한 메뉴 만 필요하고 jQuery 또는 MooTools과 같은 라이브러리를 사용하고 싶지 않습니다.

아무도 도와 줄 수 있습니까?

Answer 1

보통 HTML로 메뉴를 만들고 숨기 만하면됩니다 (표시 : 없음). 사용자가 버튼을 클릭하면 숨김을 취소합니다 ("display : block"설정). 그 밖에 사용자가 메뉴를 떠날 때 사라 지도록 메뉴에 "onmouseout"을 추가하십시오. 이 같은

뭔가

<img src="icon.gif" onclick='showMenu()' /> 
<ul id="menu" style="display:none" onmouseout="hideMenu()"> 
    <li>Menu1</li> 
    <li>Menu2</li> 
</ul> 

<script type="text/javascript"> 
function showMenu(){ 
    document.getElementById("menu").style.display="block"; 
} 
function hideMenu(){ 
    document.getElementById("menu").style.display="none"; 
} 
</script>