スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」
2009年03月16日-
スポンサード リンク
qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1)
スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。
またまた便利そうなツールチップが出てきました。
$('p').qtip({ .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。
ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。
$('p#test').qtip({
content: 'hi! i am tooltip',
show: 'mouseover',
hide: 'mouseout'
});
吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。
カラーリングも自由自在。
何より、ドキュメントが充実しているのがいいですね。qTipドキュメント
クロスブラウザで以下のブラウザに対応している模様。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 2000個近いフリーのピクトグラムアイコン「tabler-icons」
- ページスクロールで背景ムービーが動くページが作れる「ScrollMovie」
- テキストがシャッフルされてかっこいいMENU実装
- 手書き風ピクトグラムアイコン400種「Doodle Icons」
- 色のカスタマイズやブレンドをできるオンラインツール「hue.tools」
- JSを一切使わないCSSでできたドロップダウンなどのUI実装「CSSUI」
- ダークモードにも対応したシンプルなページ作成に使える「Simple.css」
- Three.jsで画像をピクセルっぽくゆがめるサンプル
- スクロールに応じて3Dオブジェクトが動作するThree.jsを使ったデモ
- 丸文字が可愛いフリーフォント「ZEN丸ゴシックN」
- 過去のエントリ