jQuery fadeIn 용이

Question

아래 드롭 다운 메뉴에서 페이드 아웃하기 위해 아래 jQuery 스크립트를 사용합니다. 이 예에서 easing은 어떻게 사용합니까?

jQuery fadeIn documentation에서 언급했듯이

$('ul.navbar-nav li.dropdown').hover(function() { 
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50); 
    }, 
    function() { 
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(50); 
    }); 

Answer 1

,

jQuery를 1.4.3, 완화 기능 명명 임의의 문자열로 사용할 수있다 . 이징 함수는 애니메이션 내의 다른 지점에서 애니메이션 이 진행되는 속도를 지정합니다. jQuery 라이브러리에 구현 된 만 기본값 인 swing, 이고 일정한 속도로 진행되는 것은 linear입니다. 더 편한 함수는 플러그인을 사용할 수 있습니다. 특히 jQuery UI suite을 사용할 수 있습니다.

여기 여기 구문

$(selector).fadeIn(speed,easing,callback) 

이다

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500,"linear"); 

Answer 2

fadeIn() 메소드는 3 개 개의 매개 변수를 갖는 예이다. easing 매개 변수를 fadeIn() 함수에 전달할 수 있습니다.

fadeIn() 구문 :

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50); 

사람 : : 자세한 내용은

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50,"Easing Type"); 

이 fadeIn을 확인() 메소드 :

$(selector).fadeIn(speed,easing,callback) 

가에서 코드를 변경

https://www.w3schools.com/jquery/eff_fadein.asp

Answer 3

$ (선택) .fadeIn (속도, 완화, 콜백)

$ (선택) .fadeOut (속도, 완화, 콜백)

jQuery를 fadeIn에서 서로 다른 완화 옵션을 사용하려면

$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50,'linear',function(){}); 

:/페이드 아웃, 당신은 두 번째 매개 변수

예에 작성해야

---

jQuery를위한 기존의 용이성 옵션은 스윙 및 선형 될 것입니다. 당신은 더 많은 옵션이 필요한 경우는 jQuery를 1.4

을 완화 jQuery를 fadeIn documentation

에서 jQuery UI suite

를 사용해야합니다.도 3에 도시 된 바와 같이, 이징 함수를 명명하는 선택적인 문자열이 사용될 수있다. 이징 함수는 애니메이션 내의 다른 지점에서 애니메이션이 진행되는 속도를 지정합니다. jQuery 라이브러리의 유일한 여유 구현은 스윙이라고하는 기본값과 선형이라고하는 일정한 속도로 진행되는 것입니다. 더 많은 easing 함수는 플러그인, 특히 jQuery UI suite를 사용할 때 사용할 수 있습니다.