[ 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 と同じライセンスって事?

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です