hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

jQueryでツールチップを作るときの注意点 【マウスを小刻みに動かした時のアニメーションの制御】  Queue(アニメーションの次のキュー)が溜まっているといつまでもチカチカする  fadeIn fadeOutをしているときに単純にstop を書くと透明度を変更している途中で止まるのでNG ■→ stop…

jQueryでツールチップを作るときの注意点

【マウスを小刻みに動かした時のアニメーションの制御】
 Queue(アニメーションの次のキュー)が溜まっているといつまでもチカチカする
 fadeIn/fadeOutをしているときに単純にstop()を書くと透明度を変更している途中で止まるのでNG

■→.stop(true,true)を書く
.stop(キューにあるアニメーションを削除するか,キューにあるアニメーションを実行した最終の状態にするか)

http://stacktrace.jp/jquery/api/effects/stop.html

【ツールチップが元のボタンに重なる時】
 ツールチップが元のボタンの子要素にならないように注意

ツールチップ表示部分のhtmlが元のボタンの子要素→zindexがおかしくなる
(親がz-index1で子がz-index100の場合、リストとかで親が並ぶと親のz-indexのせいで、次の要素が上にかさなって表示される)

■ツールチップ表示部分のhtmlが元のボタンと並列→zindexダイジョウブイ
並列の階層のため、互いに影響しなくてすむ


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください