ToolTip前回に続き、今回もjQueryを使ってのマウスオーバー効果。最近よく見る動きではありますが、ボタンなどマウスオーバーでツールチップをフェードイン表示させる方法をやってみたかったので試してみました。(ボタンにマウスオーバーしてみてください。)単純にJavaScriptだけでもマウスオーバーでツールチップを表示することは可能ですがフェードで動きを付けるだけでだいぶ印象が変わります。(サンプルはちょっと動きに問題がある部分があるのですが。a”)となっている部分にマウスオーバーの対象となる箇所を指定します。フェードのスピード調整は「fast」「normal」「slow」の3段階。ボタンのサイズ、表示するツールチップの大きさによってCSSの調整は必要になります。ツールチップはテキストでなくとも丸々画像でも可。ボタンに付けるだけでなく、何か他にも応用が効きそう。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。