javascript - 控制高度变化速度

Question

我有以下 javascript 用于更改 div 的高度。但是，我不知道如何在 div 显示时调整速度。我知道 500 是 div 高度变为 30px 时的速度，但我不知道当它变回 100% 时如何控制速度。谁能帮忙？

$(document).ready(function(){
$("#mydiv").click(function(){
var $this = $('#mydiv_2');
    $this.animate({height: $this.height() == 30 ? '100%' : 30}, 500);
});
});

Answer 1

看看jQuery 文档。第二个参数animate()控制速度（越大越慢）。

编辑： 如果您在 div 隐藏和显示时想要不同的速度，请尝试以下操作：

if ($this.height() == 30) {
    $this.animate({height: '100%'}, 1200);
} else {
    $this.animate({height: 30}, 500);
}

Answer 2

$this.animate({height: $this.height() == 30 ? '100%' : 30}, 500);

第二个属性是以毫秒为单位的速度。

Answer 3

像这样在动画中使用慢

$this.animate({height: $this.height() == 30 ? '100%' : 30},'slow');

如果您需要更慢的使用时间（以毫秒为单位）而不是慢

$this.animate({height: $this.height() == 30 ? '100%' : 30}, 1200);

这会减慢 1.2 秒，相应调整 :)

还可以查看Jquery Animate以获取更多选项

Answer 4

第二个参数 onanimate()是以毫秒为单位的持续时间 1000ms 等于1秒。

请参阅jquery 文档