마우스 오버시 div 레이어 보이게 하는 거 좀 봐 주세요. 채택완료
제가 인터넷에서 자료를 찾아 소스를 만들어 봤는데... 주 목적인 메인메뉴에 마우스 오버를 하면 서브메뉴(각 메뉴별 상품)가 나오는 소스입니다. 그런데 마우스 오버시 레이어가 안 나타 나네요. 뭐가 잘못 된 것일까요?
===============================================================================
$("#hiddenmenudiv").each(function(index) { $(index).mouseover(function() { $("#submenu_" + index).css("display", "block"); }); $(index).mouseout(function() { $("#submenu_" + index).css("display", "none"); }); });
|
|
===============================================================================
hiddenmenudivout 는 제일 바깥 레이어이구요. hiddenmenudiv 메인메뉴 위치부분. menuFirst 메인 메뉴 글자부분이구요. submenu_0 ~ submenu_3 는 서브메뉴(각 카테고리별 상품 나오는 레이어) 위치 입니다. 왜 안될까요? ㅠㅠ
혼자 안되어 도움을 청해 봅니다.
읽어주셔서 감사합니다.
답변 2개
해당 내용을 다음 처럼 바꿔보세요.
</p>
<p><script type="text/javascript">
$(function() {
$("#hiddenmenudiv div").not("div:first").each(function(index,item) {
$(item).mouseover(function() {
$("#submenu_" + index).css("display", "block");
});
$(item).mouseout(function() {
$("#submenu_" + index).css("display", "none");
});
});
});
</script></p>
<p>
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인