WEB/Js, JQuery
[JQuery] fadeTo를 이용한 hover사용시 마우스 이동시 남아있는 모션처리
Ezcode
2011. 4. 11. 15:24
특정 이미지나 태그에 반응하는 fadeTo를 만들고
해당 위치에 마우스가 빠르게 반복 위치하면
fadeTo의 모션 자체가 마우스 아웃이 되고도 남아 진행된다.
이것을 막아주려면 stop(true,true)를 추가하면 된다.
해당 위치에 마우스가 빠르게 반복 위치하면
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() {}); });