j-query 코드좀 알려 주시면...
본문
메뉴 네비게이션에 대해서..
마우스를 버튼에 가져가면 이미지가 변경되고,
그 밑에 레이어가 열리고 마우스를 레이어에 가져가면 변경된 이미지가 그대로 적용이 되게끔 하고 싶습니다.
버튼에서 롤아웃 하던지, 레이어 에서 롤아웃 하던지
롤아웃 하면 원래 상태로 돌아가게끔 하고 싶네요..
아래는 어떤 분의 답변 입니다.
---------------------------------------------------------------------
어떠한 구조로되어있는지 모르겠으나
보통 jquery 로 구현하면 어렵지 않게 가능합니다.
레이어메뉴가 보통 어떠한 div등의 엘리먼트로 감싸져있고
그 안에 서브메뉴가 존재한다면
.mouseover 셀렉터로 이벤트를 잡고
해당 서브메뉴의 부모 엘리먼트의 id나 클래스등의 attr 속성의로 src 이미지를 변경해주면
되겠습니다.
<script>window.disableRightClick = false;<script>window.disableRightClick = false;
---------------------------------------------------------------------
이렇게 답변을 주셨는데, 어떻게 코드를 짜야할지 모르겠네요..
답변 1
전 메뉴짤때 ul li나 dl dd dt 이걸루짜요.
<ul>
<li><span>1차메뉴</span>
<ul>
<li>1-1차메뉴</li>
<li>1-2차메뉴</li>
<li>1-3차메뉴</li>
<li>1-4차메뉴</li>
<li>1-5차메뉴</li>
</ul>
</li>
<li><span>2차메뉴</span>
<ul>
<li>2-1차메뉴</li>
<li>2-2차메뉴</li>
<li>2-3차메뉴</li>
<li>2-4차메뉴</li>
<li>2-5차메뉴</li>
</ul>
</li>
</ul>
// 이렇게 있으면
<script type="text/javascript">
$(function(){
$("#lnb >li").mouseenter(function(){
$(this).addClass("on").find(">ul").show();
});
$("#lnb >li").mouseleave(function(){
$(this).removeClass("on").find(">ul").hide();
});
});
</script>
이렇게만해도 적용 되겠네요 ㅎ
답변을 작성하시기 전에 로그인 해주세요.