0

divの高さを変更するための以下のjavascriptがあります。ただし、divが表示されたときに速度を調整する方法がわかりません。div の高さが 30px に変化したときの速度が 500 であることは知っていますが、100% に戻ったときの速度を制御する方法がわかりません。誰でも助けることができますか？

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

4 に答える 4

0

jQuery docsをご覧ください。の 2 番目のパラメーターはanimate()速度を制御します (大きいほど遅くなります)。

編集: div の非表示と表示時に異なる速度が必要な場合は、これを試してください:

if ($this.height() == 30) {
    $this.animate({height: '100%'}, 1200);
} else {
    $this.animate({height: 30}, 500);
}
于 2013-10-16T05:42:56.800 に答える
0 
$this.animate({height: $this.height() == 30 ? '100%' : 30}, 500);

2 番目のプロパティはミリ秒単位の速度です。

于 2013-10-16T05:43:35.920 に答える
0

このようにアニメーションでスローを使用します

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

遅い代わりにミリ秒単位でさらに遅い使用時間を必要とする場合

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

これにより、1.2秒間遅くなります。それに応じて調整してください:)

その他のオプションについては、Jquery Animateもご覧ください。

于 2013-10-16T05:43:50.037 に答える
0

on の 2 番目のパラメーターanimate()は、ミリ秒単位の期間です。ミリ 1000秒は秒に等しいです1。

jquery のドキュメントを参照してください

于 2013-10-16T05:47:19.467 に答える