[ JavaScript ] jTip – ツールチップを表示する jQuery のプラグイン

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