궤도 jQuery 플러그인 : 방향 탐색 화살표를 페이드 아웃하는 방법은 무엇입니까?

Question

사용자가 "#featured"div 또는 디스플레이를 가리킬 때만 탐색 화살표를 표시하려고합니다. 지금까지 내가 아주 갑자기 일을 다음과 같은 코드를 가지고 있지만 : 어디

$("#featured, div.slider-nav").hover(function(){ 
    $("div.slider-nav").animate({'opacity':'1.0'}, 400);}, 
function() { 
    $("div.slider-nav").animate({'opacity':'0'}, 400); 
}); 

시간은() 함수는 .animate를 사용하는 경우와는 달리, 지연 역할을하는 .animate에 포함() 색상을 조작하는 효과가 사라집니다 (jQuery는 색상을 애니메이션화하기 위해 별도의 플러그인이 필요함). 이 경우 탐색 화살표를 부드럽게 페이드 아웃하는 가장 좋은 방법은 무엇입니까?

Answer 1

너를 별도로 포함 할 필요가 없도록 래퍼에 호버를 적용해야합니다. 그렇게하면 대기열에 두 번 발사되지 않습니다.

또한 mouseenter를하는 MouseLeave를 사용하여 애니메이션을하기 전에 멈출 :

$(".orbit-wrapper").mouseenter(function(){ 
    $("div.slider-nav").stop().animate({'opacity':'1'}, 400); 
}).mouseleave(function(){ 
$("div.slider-nav").stop().animate({'opacity':'0'}, 400); 
});