제이쿼리 IF 문 어찌 적용시켜야 하나요?
본문
제이쿼리 IF 문 어찌 적용시켜야 하나요? 막해도 작동을 안하네요.
마우스 오버하면 사진위에 검은 막이 슬라이드 되면서 글자가 나타나게 하려는데,
편하게 mouseenter 쓰면 되겠지만 마우스를 나왔다 들어갔다 연속으로 하면
건드리지 않아도 자기 혼자서 왔다갔다 거리네요.
그래서 IF로 이게 맞는지 아닌지는 모르겠지만
제이쿼리 마우스 이벤트로 는 변수 변환만 해주고
if 문으로 변수에따라 슬라이드 아닌지 긴지 할려고 하는데
자바를 만져본적이 거의 없어서 어찌해야할지..
아래 코드 대충 적어보는데, 몰라서 아무것도 안했어요. 그냥 바로 개념대로만 정리해볼께요ㅜㅜ
$(function(){
var test = $('#block_bg');
var a = 0;
test.마우스오버({
a++;
});
test.마우스아웃({
a--;
});
if(a == 1){
test.애니메이션({
top:1000;
}.1000);
}else{
test.애니메이션({
top:0;
})
}
});
잘개념을 몰라서 막썻는데... 진짜 어찌해야할지 몰라서,... 이번이것만 직접 적용에 성공시키면
앞으로 작업할때 도움이 많이될꺼같습니다.
조언좀 부탁드립니다.
!-->답변 2
애니메이션 앞에 .stop()를 넣어주시면 현재 queue를 모두 삭제하고 새로 애니메이션을 수행합니다.
또한 현재 애니메이션 중인지를 판별하려면
$("selector:animated").length 의 갯수로 구분하시면 됩니다.
.stop 넣으면 진행중이던 애니메이션을 중지합니다.
test.stop.fadeIn();
이런식으로요
답변을 작성하시기 전에 로그인 해주세요.