완화 된 jQuery 슬라이드 타운

StackOverflow https://stackoverflow.com/questions/1673936

  •  16-09-2019
  •  | 
  •  

문제

Easing과 함께 슬라이드 타운 () 함수를 어떻게 사용할 수 있습니까?

어쩌면 어떻게 든 확장할까요?

나는 다음과 같은 것을 찾고 있습니다.

jQuery.fn.slideDown = function(speed, easing, callback) {
  return ...
};

그래서 나는 이것을 사용할 수 있습니다

$('.class').slideDown('400','easeInQuad');

아니면 이거

$('.class').slideDown('400','easeInQuad',function(){
   //callback
});
도움이 되었습니까?

해결책

많은 완화 기능이 포함 된이 페이지를 살펴보십시오. http://gsgd.co.uk/sandbox/jquery/easing/

해당 플러그인을 사용하면 다음과 같은 작업을 수행 할 수 있습니다.

$(element).slideUp({
    duration: 1000, 
    easing: method, 
    complete: callback});

다른 팁

jqueryui와 함께 애니메이션 방법을 사용할 수 있습니다. 완화 효과 이와 같이:

$(".demo").animate({height: "hide"}, 1500, "easeInQuad", function(){});

출입 및 아웃 완화 :

            $("#SignIn").click(function () {

                $(".divSlideTop").slideDown({
                    duration: 1000,
                    easing: "easeInQuad"
                });
            });

            $("#close").click(function () {

                $(".divSlideTop").slideUp({
                    duration: 1000,
                    easing: "easeOutQuad"
                });
            });

내 펜을보세요 데모 당신은 사용하기가 간단합니다 $(element).slideUp({duration:1000});

$('.class').slideDown(400,'easeInQuad');

인용문은 숫자가 필요하지 않습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top