스크립트 롤오버

Question

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

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

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

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

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

});

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

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

Copy

if (depth1code != 0){ 			 var top_dep = $('.gnb').children().eq( depth1code -1 );			top_dep.addClass('active'); 			var top_dep1 = top_dep.find('a').eq(0).find('img') ;			var top_dep1_src =top_dep1.attr('src').replace(".gif","_on.gif");			top_dep1.attr('src', top_dep1_src ); 			var top_dep2 = top_dep.find('li').eq(depth2code-1).find('img')  ;			var top_dep2_Src = top_dep2.attr('src').replace(".gif","_on.gif");			top_dep2.attr('src', top_dep2_Src ); }

K찰스 · Accepted Answer

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

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

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

스크립트 롤오버

답변 1개

공유하기