マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509

jQueryを使えば超簡単にアニメーションもできますし、フェード効果の実装も楽々できますね。簡単に実装できるので結構使ってるサイトを見ますが、カーソルを素早く乗せたり外したりするとチラチラすることが多いんですよね。 何言ってるか文章だと伝わりにくいので、サンプル1を確認してみてください。 どうでもいいっちゃどうでもいいのかも知れないですけど、こういう小さなこだわりって結構重要なんじゃないでしょうか。 で、このチラチラ、簡単に解決できるので知らなかった人は覚えておくといいかもです。 結論は簡単で .stop(true, false)を.animate()の前に入れる .animate()メソッドのオプション部分でqueue: falseを指定する のいずれかです。 このときに.stop()メソッドを利用するのですが、.stop()メソッドには2つ引数を指定できて、引数の値で動作もちょっと変わ

[hashimoya]

サンプル付き。高速アニメ再生でキューたまっちゃうアレの対処法のアレ

[kanariia]

これこれ！

[mura24]

animate()の挙動について

[Layzie]

"jQuery for Designers"でこの手法見たけど、stop()に色々引数入れられるのかあ

[d4-1977]

マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509(+1.1)

[kkeisuke]

.stop(true, false)を.animate()の前に入れる。.animate()メソッドのオプション部分でqueue: falseを指定する。stop(true, false)はfadeIn(), fadeOut(), fadeTo()にも使える

[Rewish]

くえうえ