jquery - 我可以为此添加缓动吗？

Question

我设置了一个滑动部分，如下所示。我想知道当幻灯片上下移动时是否可以添加 easeIn 和 easeOut 。

$('a#slide-up').click(function () {
    $('.slide-container').slideUp(400, function(){
        $('#slide-toggle').removeClass('active');
    });
    return false;
});

$('a#slide-toggle').click(function(e) {
    e.preventDefault();

    var slideToggle = this;
    if ($('.slide-container').is(':visible')) {
        $('.slide-container').slideUp(400,function() {
            $(slideToggle).removeClass('active');
        });
    }
    else {
        $('.slide-container').slideDown(400);
        $(slideToggle).addClass('active');
    }
});

Answer 1

你可以。请查看slideDown的文档在 jQuery 文档；。

默认情况下，jQUery 仅实现线性和摆动缓动函数。对于其他缓动功能，您必须使用 jQUery UI

<小时/>

更新:

根据文档，第二个可选参数是一个字符串，表示缓动函数的名称。

所以，

$('.slide-container').slideUp(400, function(){
        $('#slide-toggle').removeClass('active');
    });

将成为

$('.slide-container').slideUp(400,'linear', function(){
        $('#slide-toggle').removeClass('active');
    });

使用线性缓动函数。

类似地，对于其他缓动函数也是如此。