[jQuery]こんな機能があったんだ。stop()|WEBプログラム覚書HOME>WEBプログラム覚書>[jQuery]こんな機能があったんだ。stop()[jQuery]こんな機能があったんだ。CSS」を見ててJavascriptel.win7BG.stop().animate({'opacity':1},300);って記述あったので調べてみたらstop()って色々使えるんですね。[gotoEnd])引数は2つ。何も指定しないとfalse[clearQueue]がtrueの場合、持っているキューが全て削除される。[gotoEnd]はtrueにすると現在のアニメーションの最後のコマへジャンプする。Libraryいまいちわからなかったのでテスト。テストコードマウスオーバーすると横幅が広がり、縦に伸びるアニメーションを作成する。イベントが発生した回数分だけ実効される。false)デフォルトではfalseとなっている。一瞬だけマウスオーバーした場合、マウスアウトした時点で現在のアニメーション(横の変化)を停止。[clearQueue]がfalseのためキュー(縦の変化)が存在するので次のキュー(縦の変化)に移行する。true)[gotoEnd]がtrueの場合、途中で中断した場合でも現在のアニメーションの最終コマに移動する。一瞬だけ、マウスオーバーした場合、上記と違い横幅がMAXまで伸びる。あとは同じく、残っているキュー(縦の変化)が実行される。false)JQStopTest2と同じで一瞬だけマウスオーバーしてマウスアウトした場合、[gotoEnd]がfalseのため横の変化が途中で止まる。[clearQueue]がtrueの場合、持っているキュー(縦の変化)も削除されるので縦に変化するアニメーションは実行されない。true)両方trueの場合。縦の変化のキューはクリアされてるため実行されない。よし、開発環境をつくろう。