Question

这是我在jQuery（动画）中的功能：

$(".sidePanel").animate({
                width : "show"
            }, {
                complete : function() {
                    $(".trigger").hide();
                    $(".trigger-reverse").show();
                    $(".sidePanel").find("p").fadeIn(200);
                    $(".filo-text").addClass("complete");
                }
            },5000,'liniear');

如果将值 5000 更改为 1000 ，则无效。如果我删除它也一样。为什么？我做错了什么？

更新：请检查fiddle。我知道这看起来并不好，但你明白了。当你点击“点击这里”div时，我想加快动画效果。

Answer 1

您需要更改值100,150,200。它们是ms的时间

$(".trigger").hide(100);
$(".trigger-reverse").show(150);
$(".sidePanel").find("p").fadeIn(200);

Answer 2

从文档中，animate可以选择以下两个签名之一：
.animate( properties [, duration ] [, easing ] [, complete ] )
或
.animate( properties, options )

适用于您的情况，意味着您可以使用：

$(".sidePanel").animate({
                  width : "show"
                },
                5000,
                'linear',
                function() {
                    $(".trigger").hide();
                    $(".trigger-reverse").show();
                    $(".sidePanel").find("p").fadeIn(200);
                    $(".filo-text").addClass("complete");
                });

或

$(".sidePanel").animate({
                  width : "show"
                }, {
                  duration: 5000,
                  easing: 'linear',
                  complete: function() {
                    $(".trigger").hide();
                    $(".trigger-reverse").show();
                    $(".sidePanel").find("p").fadeIn(200);
                    $(".filo-text").addClass("complete");
                  }
                });

在jQuery中设置动画功能的速度，问题

2 个答案: