JavaScriptで画像付きツールチップをカスタマイズ！ (1/3)
Webページ中のリンクや画像の上にマウスを重ねると表示されるツールチップ。HTMLタグにtitle属性を指定するだけで表示できるのでリンク先の内容や画像を紹介するのに便利ですが、デフォルトのツールチップだと見た目が素っ気ない。とはいえ、ツールチップの表示はWebブラウザーの機能なので、通常はWebサイト側ではデザインの変更などはできません。 そこで、独自のツールチップを表示するJavaScriptライブラリーの出番です。ツールチップを表示するライブラリーはいくつかありますが、今回は比較的使いやすく多機能な「qTip」を紹介しましょう。 qTipとは 「qTip」はクレイグ・トンプソン氏が開発しているライブラリーで、jQueryのプラグインとして動作します。本稿執筆時点の最新版は1.0.0-rc3で、jQuery 1.2.6以降に対応しています（jQuery 1.3以降を推奨）。qTipは以
ツールチップjQueryプラグイン「qtip」を使ってみました
皆様、こんばんは。 笹亀です。 先日、自分の開発用のサーバがお亡くなりになられて、悲しい気持ちでちゃんと供養をさせていただきました。 話は変わりますが最近、Safari４が正式リリースされ、早速ダウンロードして使わせていただいております。体感速度で若干速くなったような気がしています。見た目でも変わっていて楽しませてもらっています。 今回は、jQueryのプラグインのひとつで「qtip」を使ってみました。ツールチップ形式でポップアップで手軽に実装でき、奇麗に表示することができるのが特徴です。実際に使用したスクリプトと一緒に使った方法のご紹介をしていきます。 「qtip」を使うには「jquery-1.3.2min.js jquery.qtip-1.0.0-rc3.min.js」を読み込めばすぐに使えます！下記のURLからダウンロードできます。 http://craigsworks.com/pr
qTip リファレンス
指定すると、題名にボタン表示。hide 属性をfalseにしておくと、ボタン操作で閉じられる： content: {title: {button:"閉じる"}}, hide:false
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
qTip - The jQuery tooltip plugin - Home
