Jquery詳細に精通するまで簡単に入門-(九)Jquery効果の「アニメーションを停止」


≪インスタンス|Instance|emdw≫
jQuery stop()スライド
jQuery stop()メソッドを実証します.
jQuery stop()アニメーション(パラメータ付き)
jQuery stop()メソッドを実証します.
jQuery stop()メソッド
jQuery stop()メソッドは、アニメーションまたは効果を終了する前に停止するために使用されます.
stop()メソッドは、スライド、フェードアウト、カスタムアニメーションなど、すべてのjQuery効果関数に適用されます.
構文
$(selector).stop(stopAll,goToEnd);

オプションのstopAllパラメータでは、アニメーションキューをクリアするかどうかを指定します.デフォルトはfalseです.つまり、アクティブなアニメーションのみを停止し、キューに配置されたアニメーションを後方に実行できます.
オプションのgoToEndパラメータでは、現在のアニメーションをすぐに終了するかどうかを指定します.デフォルトはfalseです.
したがって、デフォルトではstop()は、選択された要素で指定された現在のアニメーションをクリアします.
次の例ではstop()メソッドを示します.パラメータはありません.
≪インスタンス|Instance|emdw≫
$("#stop").click(function(){
  $("#panel").stop();
});

みずからやってみる