WEB/Js, JQuery

[JQuery] fadeTo를 이용한 hover사용시 마우스 이동시 남아있는 모션처리

Ezcode 2011. 4. 11. 15:24
특정 이미지나 태그에 반응하는 fadeTo를 만들고
해당 위치에 마우스가 빠르게 반복 위치하면
fadeTo의 모션 자체가 마우스 아웃이 되고도 남아 진행된다.

이것을 막아주려면 stop(true,true)를 추가하면 된다.

$(".nList").hover(function() {
   $(this).stop(true,true).fadeTo("vary fast", 0.8, function() {});
}, function() {
   $(this).stop(true,true).fadeTo("fast", 0.5, function() {});
});