[ 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">

各属性の説明

• href=”test.htm?width=300″
  表示するツールチップの中身を書いたファイルとツールチップの幅

• class=”jTip”
  ツールチップの見た目を設定？ とりあえず、そのままにしておく。

• id=”test”
  各ツールチップごとに id を振っておく。

• name=”Window caption or title”
  ツールチップのタイトル

気になる事

jtip.js ファイルの先頭には、Under an Attribution, Share Alike License と書いてあるんだが、ライセンスはどうなんだろ？ jQuery と同じライセンスって事？

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。