<nav id="gnb">
<menu>
<li class="gnb on"><a href="#"><img src="a01_off.png" 온마우스오버="this.src='a01_off_on.png'" 온마우스아웃="this.src='a01_off_off.png'"></a>
<ul class="submenu">
<li class="on"><a href="#"><img src="b01_off.png"></a></li>
</ul>
</li>
<li class="gnb on"><a href="#"><img src="a02_off.png" 온마우스오버="this.src='a02_off_on.png'" 온마우스아웃="this.src='a02_off_off.png'"></a>
<ul class="submenu">
<li class="on"><a href="#"><img src="b02_off.png"></a></li>
</ul>
</li>
</menu>
< /nav>
이런 메뉴바가 있습니다.
js 파일에 관련된 부분이 아마도 이부분인거 같습니다.
$(document).ready(펑션() {
// gnb
$("#gnb li.gnb").hover(펑션() {
$("#gnb .submenu").하이드();
$(this).find(".submenu").slideDown();
}, 펑션() {
$("#gnb .submenu").slideUp();
});
});
그런데 이건 그냥 서브메뉴 슬라이드 부분인거 같고, 제가 표현하고 싶은건 마우스가 서브메뉴에 가도 상위 메뉴 이미지가 _on.png로 유지되는 스크립트를 작성하고 싶습니다.
// gnb
$("#gnb li.gnb ul.submenu").hover(펑션() {
$(this).parent().parent("img").attr("src", $(this).parent().parent("img").attr("src").replace("_off", "_on"));
});
이렇게 해봤는데 도저히 안되더라구요..
다른 게시판에도 질문해봤는데 대답을 안주셔서 고민게시판까지 왔네요... 벌써 3일째 이것만 붙잡고 있는데..ㅜ_ㅜ