span要素のテキスト、li要素のテキスト、div要素、img要素などさまざまなDOM要素に、アニメーションを伴ったツールチップを表示するjQueryのプラグインを紹介します。Popupの主な特徴あらゆるDOM要素にツールチップ、ポップアップを作成できます。マウスオーバーとマウスアウトのイベントは自動処理。トリガーとなるイベントはカスタマイズ可能。スタイルはテンプレートで管理。タイミング・カラーなど多彩なオプション。ショッピングカートのボタン用のツールチップも完備。画像の一部にツールチップを表示するのも可能。viewportツールチップな常にブラウザの表示領域に表示。visibleブラウザがリサイズされてもツールチップが表示されるように位置を補正。Popupsツールチップの配置は上下左右、揃えも自由。buttonsショッピングカートのボタン用のツールチップ。picture画像の中にホットスポットを配置してツールチップを表示。デモは他にもたくさんあります。PopupはjQueryのプラグインのため、実装にはjquery.jsが必要です。外部ファイルJSファイルとCSSファイルを外部として記述します。type="text/javascript"></script>JavaScript指定したDOM要素(.button)にツールチップを表示します。});});スクリプトのオプションでは、表示位置、揃え、サイズ、デザイン、トリガー、アニメーションのスピード・タイミングなどが調整できます。表示されるツールチップはtable要素で作成されており、自分用にカスタマイズすることもできます。