TITLE属性を利用した簡単ツールチップの作り方 jQuery編 :: 5509散々既出な気がするネタシリーズ。TITLE属性をツールチップで表示させるやつです。簡単なヘルプとか表示してあげるとユーザビリティを向上させることができる場合がありますよね。jQueryを使うととても簡単につくれます。というよりも、使いたいときにさらっとコピってすぐ使えると思うので頭の片隅にでも置いておくと便利かもしれません。 Demo Download demo files ポイントは TITLE属性を持っている要素にイベントを設定する ( *1 mouseover()でツールチップを生成する ( *2 mouseout()でツールチップを消去する ( *3 mousemove()でツールチップの位置を変える ( *4 です。今回はmouseout()で消去するにしてますが、別にいちいち消さなくてもいいです。textを変えればいいだけですから。上の項目をJSソースにすると以下のような感じに
