qTip – The jQuery tooltip plugin(jQueryを使ったツールチップ)

jQueryを使ったツールチップのプラグイン「qTip」。

IE6でも機能するのでありがたい。
上位バージョンのブラウザーと若干表示が異なるケースもあるが、細かい点を気にしなければ充分実用的な範囲内。

カスタマイズの種類は豊富だが、
残念なことにホームページを見る限り説明不足は否めない。

また、デフォルトで、ツールチップの横幅が250pxとなっているので、
横幅を250px以上にする際は、JSファイル内の記述を変更する必要がありそう。

qTip – The jQuery tooltip plugin

 

【ホームページ画面】
ホームページ画面|qTip - The jQuery tooltip plugin(jQueryを使ったツールチップ)

 

実際に次のホームページに設定してみました。

  「山形県農林水産祭に出店しました|JA全農山形

苦心した点は、他に使っているJSのjQueryプラグインと競合してしまう点。
JSの記述順や記述位置を変更することで、なんとか無事機能するようになったという経緯。

 

Tags: