オリジナルのjQueryプラグインです。マウスオーバー時にツールチップを画面に表示します。
特徴
- シンプルで軽量(圧縮すると2KB以下)
- Ajaxによるコンテンツ表示やインラインコンテンツ表示もサポート
jQueryプラグインを制作したのはこれが初めてです。普段あまりJavascriptを書いたりしないのでバグなどもあるかと思いますがとりあえず、IE 7.0、Safari 2.x、Firefox 2.x、3.xあたりでは動作確認済みです。
使用デモ
サンプル1 （タイトル＋データ）
サンプル2 （タイトルのみ）
サンプル3 （データのみ）
サンプル4 (タイトル＋ローカルインラインデータ[テキスト])
サンプル5 (タイトル＋ローカルインラインデータ[画像])
サンプル6 （タイトル＋Ajaxデータ[外部HTMLファイル]）
もちろんアンカー以外のタグでも使うことができます。
サンプル9 (span要素：タイトルもデータも有り)
これはサンプル11です(b要素：データのみ)。
Balloonスタイル (オプション)サンプル2 （タイトルのみ）
サンプル3 （データのみ）
サンプル4 (タイトル＋ローカルインラインデータ[テキスト])
サンプル5 (タイトル＋ローカルインラインデータ[画像])
サンプル6 （タイトル＋Ajaxデータ[外部HTMLファイル]）
もちろんアンカー以外のタグでも使うことができます。
サンプル8 (p要素：タイトルもデータも有り)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla turpis, malesuada vitae, congue iaculis, congue et, metus. Donec commodo lectus eu metus.
サンプル9 (span要素：タイトルもデータも有り)
サンプル10 (div要素：タイトルのみ)
これはサンプル11です(b要素：データのみ)。
サンプル1 （タイトル＋データ）
サンプル2 （タイトルのみ）
サンプル3 （データのみ）
サンプル4 (タイトル＋ローカルインラインデータ[テキスト])
サンプル5 (タイトル＋ローカルインラインデータ[画像])
サンプル6 （タイトル＋Ajaxデータ[外部HTMLファイル]）
もちろんアンカー以外のタグでも使うことができます。
サンプル9 (span要素：タイトルもデータも有り)
これはサンプル11です(b要素：データのみ)。
サンプル2 （タイトルのみ）
サンプル3 （データのみ）
サンプル4 (タイトル＋ローカルインラインデータ[テキスト])
サンプル5 (タイトル＋ローカルインラインデータ[画像])
サンプル6 （タイトル＋Ajaxデータ[外部HTMLファイル]）
もちろんアンカー以外のタグでも使うことができます。
サンプル8 (p要素：タイトルもデータも有り)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nulla turpis, malesuada vitae, congue iaculis, congue et, metus. Donec commodo lectus eu metus.
サンプル9 (span要素：タイトルもデータも有り)
サンプル10 (div要素：タイトルのみ)
これはサンプル11です(b要素：データのみ)。
ダウンロードと詳しい解説
| Attachment | Size |
|---|---|
| eztip-0.1.0.zip | 2.36 KB |