はてなブックマーク - マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法

(閉じる)

はてなブックマーク > コンピュータ・IT > マウスホバーでスムーズにjQueryのアニメーションを...

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

5509.me

タグ : jquery javascript tips Animation アニメーション jQuery ui サンプル web制作 stop

コンピュータ・IT 55 users

jQueryを使えば超簡単にアニメーションもできますし、フェード効果の実装も楽々できますね。簡単に実装できるので結構使ってるサイトを見ますが、カーソルを素早く乗せたり外したりするとチラチラすることが多いんですよね。何言ってるか文章だと伝わりにくいので、サンプル1を確認してみてください。どうでもいいっちゃどうでもいいのかも知れないですけど、こういう小さなこだわりって結構重要なんじゃないでしょうか。で、このチラチラ、簡単に解決できるので知らなかった人は覚えておくといいかもです。結論は簡単で .stop... > このページを見る

最終更新時間: 2010年06月24日11時08分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

hashimoya jQuery, animate, stop
サンプル付き。高速アニメ再生でキューたまっちゃうアレの対処法のアレ 2012/02/23
kanariia jquery, tips, animation
これこれ！ 2011/11/04
mura24 *jquery, *javascript
animate()の挙動について 2011/01/08
Layzie jquery, javascript, programming
"jQuery for Designers"でこの手法見たけど、stop()に色々引数入れられるのかあ 2010/06/24
d4-1977 jQuery, javascript
マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509(+1.1) 2010/06/24
kkeisuke
.stop(true, false)を.animate()の前に入れる。.animate()メソッドのオプション部分でqueue: falseを指定する。stop(true, false)はfadeIn(), fadeOut(), fadeTo()にも使える 2010/06/24
cubisme_face
マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509(+1.1): マウスホバーでスムーズにjQueryのアニメーションをコントロールする方法 :: 5509(+1.1)jQuery... 2010/06/24
Rewish jQuery
くえうえ 2010/06/24
milligramme jquery, ui
きもちのよいチラチラ 2010/06/24