목록으로

스크립트 롤오버 채택완료

웹프리죤 9년 전 조회 4,047

답변 1

아래 함수는 해당 페이지로 갔을때 on 이미지로 보이는 함수인데요

마우스 오버시 롤오버 효과를 추가 할려고 합니다..

어떻게 추가를 해줘야 할까요?

$("img.gnbimg").mouseover(function() {

$(this).attr("src", $(this).attr("src").replace("_off","_on"));

});

를 이용해서 아래 함수에 롤오버를 적용해볼려고 하는데 잘 되지 않네요^^

위 함수를 따로 추가 하니까 페이지로 갔을때 또 롤오버가 실행되면서 꼬이더라구요..

</p><p>if (depth1code != 0){</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">			</span> var top_dep = $('.gnb').children().eq( depth1code -1 );</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>top_dep.addClass('active');</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">			</span>var top_dep1 = top_dep.find('a').eq(0).find('img') ;</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>var top_dep1_src =top_dep1.attr('src').replace(".gif","_on.gif");</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>top_dep1.attr('src', top_dep1_src );</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">			</span>var top_dep2 = top_dep.find('li').eq(depth2code-1).find('img')  ;</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>var top_dep2_Src = top_dep2.attr('src').replace(".gif","_on.gif");</p><p><span class="Apple-tab-span" style="white-space:pre">			</span>top_dep2.attr('src', top_dep2_Src );</p><p> </p><p>}</p><p>

#스크립트 #롤오버 #이미지

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

SLOOP

9년 전

일단 2가지를 분리하셔서 생각 하셔야하는데

mouseover 이벤트와 active 페이지 on 처리 하는것을 각각 생각하셧야 합니다.

active 페이지에 롤오버이벤트로 이미지 경로를 변경해버리면 풀려버리기때문에 active 클레스가 있는 메뉴에는 롤오버가 적용이 안된다던지 처리 하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

스크립트 롤오버 채택완료

답변 1개

공유하기