先生のJavaScript講座で習ったことを応用して、シンプルなツールチップを作ってみました。ツールチップがページに1つの時サンプル1(別窓で開きます)「?」にカーソルを当てると、吹き出しが表示されます。left;}吹き出しの三角の部分は、こちらの記事を参考にしたものです。上記のソースには載せていません。(もし上記のような吹き出しを作成する場合は、お手数ですがこちらの記事からコピペをお願いします)ツールチップがページに複数の時サンプル2(別窓で開きます)ツールチップがページに1つの時は、上の書き方で良いと思うのですが、複数の場合もありますよね。ツールチップ1のときは吹き出し1が出る、ツールチップ2のときは吹き出し2が出る、のようにしてみました。クラス名に「.tooltip」がついているものから、マウスオーバーされたものが何番目かを数え、クラス名「.balloon」のついているタグの中でその番号と対応したものを表示します。HTMLとCSSは上記と同様です。});});他にもっとスマートな書き方があったりするのでしょうか。練習中なので、こういう書き方の方がわかりやすいよ、とかあったら教えていただけると嬉しいです。jQuery楽しいですねー。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。