javascript - 带有缓动的jQuery slideDown

Question

如何将 slideDown() 函数与缓动一起使用？

也许以某种方式扩展它？

我正在寻找这样的东西：

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

所以我可以用它滑动这个

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

或这个

$('.class').slideDown('400','easeInQuad',function(){
   //callback
});

Answer 1

看看这个页面，其中包含许多缓动函数： http: //gsgd.co.uk/sandbox/jquery/easing/

使用该插件，您可以执行以下操作：

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

Answer 2

您可以将动画方法与 jQueryUI 和缓动效果一起使用，如下所示：

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

Answer 3

缓入和缓出：

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

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

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

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

Answer 4

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

数字不需要引号。

Answer 5

看看我的笔你简单好用的Demo$(element).slideUp({duration:1000});