묻고답하기
주메뉴에 레이어를 적용했을 때...
2002.03.27 23:22
주메뉴에 레이어를 onmouseover로 적용시켰습니다.
그런데 마우스를 부메뉴쪽으로 가져가면 레이어로 나타나는 부메뉴도 같이 사라지더군요.
부메뉴는 사라지지 않게 하고싶은데 어떻게 하면 되는지 알고싶습니다.
그런데 마우스를 부메뉴쪽으로 가져가면 레이어로 나타나는 부메뉴도 같이 사라지더군요.
부메뉴는 사라지지 않게 하고싶은데 어떻게 하면 되는지 알고싶습니다.
댓글 4
-
Legend
2002.03.28 00:07
주 메뉴에 onmouseout시 부메뉴가 사라지는 스크립트를 지우구요.. 부메뉴에서 onmouseout시 부메뉴가 사라지는 스크립트를 넣으세요.. -
에프랑지아
2002.03.28 17:05
답변 감사합니다.
그런데 그렇게 하고나니까 마우스로 두개의 주메뉴를 연속으로 대봤는데
두 개의 부메뉴가 전부 떠버리더군요.
롤오버상태를 유지하면서 레이어를 바꿔가면서 보여주고싶은데 이것에 대한 추가답변을 듣고싶습니다. -
Legend
2002.03.28 17:31
그럼 맨 처음 방식으로 하신후 부메뉴레이어가 주메뉴의 하단 부분에 살짝 걸치도록 한후 주메뉴 부메뉴에도 onmouseover를 주메뉴와 똑같이 부메뉴에도 적용시켜 주시면 됩니다.
주메뉴의 onmouseover/out를 부메뉴에도 똑같이 적용시켜 주면 되는 것이지요.. 이해가 되셨는지... -
Legend
2002.03.28 17:36
초간단 예제에요.. ^^;
<TABLE>
<TR>
<TD>
<a href=# onMouseOver="document.all.sub.style.visibility='visible';" onMouseOut="document.all.sub.style.visibility='hidden'">주메뉴1</a>
<div id="sub" style="visibility:hidden" onMouseOver="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden'">부메뉴 내용1</div>
</TD>
<TD>
<a href=# onMouseOver="document.all.sub1.style.visibility='visible';" onMouseOut="document.all.sub1.style.visibility='hidden'">주메뉴2</a>
<div id="sub1" style="visibility:hidden" onMouseOver="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden'">부메뉴2 내용</div>
</TD>
</TABLE>