메뉴 밑에 서브 메뉴를 넣은 레이어를 만듭니다. 그리고 style 속성에서 visibility를 hidden으로 주고 초기 상태에서 보이지 않게 만듭니다. 다음 주 메뉴에 onclick이벤트 핸들러나 onmouseover이벤트 핸들러를 적용하여 서브 메뉴가 있는 레이어의 visibility속성을 visible로 바꾸는 식으로 나타나게 하시고 반대로 서브 메뉴안에서 마우스 아웃시는 원래 상태인 hidden으로 돌아가게 만드시면 됩니다.
간단히 예를 들어 보면 <a href=# onMouseOver="document.all.sub.style.visibility=visible;">주메뉴</a> <div id="sub" style="visibility:hidden" onMouseOut="this.style.visibility=hidden">브메뉴 내용</div>
위와 같이 하시면 됩니다. 클릭시 나오게 하시려면 onMouseover대신 onClick으로 바꾸시면 됩니다.
간단히 예를 들어 보면
<a href=# onMouseOver="document.all.sub.style.visibility=visible;">주메뉴</a>
<div id="sub" style="visibility:hidden" onMouseOut="this.style.visibility=hidden">브메뉴 내용</div>
위와 같이 하시면 됩니다. 클릭시 나오게 하시려면 onMouseover대신 onClick으로 바꾸시면 됩니다.