HTML : 수평 탐색 모음에 메뉴를 드롭 다운 시키려면 어떻게합니까?

Question

저는 HTML/CSS 코딩에 상당히 익숙하지만 현재 웹 사이트를 배우고 개발하고 있습니다. 그러나, 나는 내 탐색 막대의 과정에 매달려있다. 나는 네비게이션 바를 작동시킬 수 있었다. 가로 바른 것은 배경 이미지였다. 내가 문제가되는 한 가지는 내비게이션 막대에 메뉴를 드롭 다운하는 것입니다 (예 : http://maxcdn.webappers.com/img/2008/10/free-css-drop-down-menu.png). 여분의 하위 메뉴 제외. 여기에 지금까지이 작업은 다음과 같습니다

HTML :

<div id="menu"> 
<ul> 
<li><a href="">home</a></li> 
<li><a href="">blank</a></li> 
<li><a href="">about</a></li> 
<li><a href="">site</a></li> 
<li><a href="">contact</a></li> 
</ul> 
</div> 
<div style="z-index:0;left:0;top:0;width:100%;height:100%"> 
<img src="unknown.jpg" style='width:100%;height:100%'/> 
</div> 

CSS : 질문 답변 비교적 쉽게,하지만 난 데 문제

#menu { 
    width: auto; 
    height: auto; 
    font-size: 16px; 
    font-family: Tahoma, Geneva, sans-serif; 
    font-weight: bold; 
    text-align: center; 
    text-shadow: 3px 2px 3px #333333; 
    background-color: #8AD9FF; 
    border-radius: 8px; 
} 
#menu ul { 
    height: auto; 
    padding: 8px 0px; 
    margin: 0px; 
    display: inline; 
} 
#menu li { 
display: inline; 
padding: 20px; 
} 
#menu a { 
    text-decoration: none; 
    color: #00F; 
    padding: 8px 8px 8px 8px; 
} 
#menu a:hover { 
    color: #F90; 
    background-color: #FFF; 
} 

죄송합니다. 나는 HTML 코드를 방문객이 마우스 오버로 가져갈 수있는 코드 (예 : 연락처)로 변경하는 방법을 모르며 관리자 또는 기타를 선택할 수있는 옵션을 제공합니다. 고맙습니다.

Answer 1

관련 요소의 onmouseover 이벤트를 정의한 다음 일부 자바 스크립트를 사용하여 메뉴 div의 어딘가에 새로운 요소를 추가하거나 가시성을 트리거해야합니다. 초보자를위한 가장 쉬운 방법은 아닙니다!