on:2010年7月28日sponsorsテキストリンクやフォームにツールチップを表示するスクリプトを紹介します。Tooltipsデモページツールチップのスクリプトは既に多くリリースされていますが、このスクリプトはかゆいところに手が届くような便利な機能が豊富に備わったものとなっています。特徴となるのは、背景に画像を使用している点です。画像はサイズが1024x768pxの大きなもので、これによりツールチップの拡大縮小表示が可能となっています。画像を変更することで、好みの背景に簡単に変更できます。以下、ツールチップのデモで特徴を紹介します。ノーマル版のツールチップです。上からアニメーションで表示されます。背景を変更したツールチップです。ダウンロードファイルには複数のカラーが含まれています。表示位置を変更したツールチップです。背景に画像を使用せず、矢印を真ん中に表示したツールチップです。フォームにフォーカスすると、ツールチップが表示されます。フォームでの表示位置も変更可能です。AJAXにも対応しています。読み込みが完了すると位置を再計算して、表示されます。Flickrの画像を表示したツールチップです。カーソルに追従するツールチップです。スクリプトのオプションでは、ツールチップを設定する際のclass名、表示・非表示のスピード、表示位置、スライドやフェードのアニメーションの有無、カーソルへの追従などが設定できます。TipはjQueryのプラグインのため、実装にはjquery.jsが必要です。Posts関連記事が見つかりませんでした。