簡単にツールチップを設置できる 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 と同じライセンスって事?