簡単にツールチップを設置できる jQuery のプラグイン jTip を使ってみたのでメモしておきます。 便利なプラグインを作ってくださった作者さんに感謝。
JavaScript のライブラリを読み込む
<script src="jquery.js" type="text/javascript"></script>
<script src="jtip.js" type="text/javascript"></script>
jTip の CSS ファイルを読み込んでおく
<link rel="stylesheet" type="text/css" href="global.css">
ファイル名を jtip.css とかにして、jTip 専用のスタイルを書いておけば、他のスタイルシートと混ざらないので、管理しやすくて良いかも？
ツールチップを表示する部分のコード
<a href="test.htm?width=300" class="jTip" id="test" name="Window caption or title">
各属性の説明
href=”test.htm?width=300″- 表示するツールチップの中身を書いたファイルとツールチップの幅
class=”jTip”- ツールチップの見た目を設定？ とりあえず、そのままにしておく。
id=”test”- 各ツールチップごとに id を振っておく。
name=”Window caption or title”- ツールチップのタイトル
気になる事
jtip.js ファイルの先頭には、Under an Attribution, Share Alike License と書いてあるんだが、ライセンスはどうなんだろ？ jQuery と同じライセンスって事？