ChillTip


Description: シンプルなツールチップです。アンカータグのtitleをツールチップとして表示させます。色の変更も可能。主要ブラウザで稼動してくれます。
Sample: demo
Tutorial: custom tooltip jQuery plugin(ChillTip)
License: -

Sample

とってもシンプルなツールチップです。こうしてヘルプ的に出してあげるのも大きなユーザビリティと成りますね。

Note

プラグインの中で設定します。

BackgroundColor 	= "#000000";
	BorderColor 		= "#333333";
	TextColor			= "#FFFFFF";
	TextSize			= "11px";
	BackgroundOpacity 	= "85";
	MaxWidth			= "145px";
	FadeTime			= 500;

Related snippet :

  • Description: シンプルなLightbox系プラグインです。汎用的なデザインで使いやすく、カスタマイズもしやすそうです。 Sample: demo ...
  • Description: クリックで画像が切り替わるシンプルなビューアです。マウスを乗せるとツールチップも出現します。キャプションも実装可能でクロスブラウザで動作可能です。コ ...
  • Description: マウスをストーカーする軽量なツールチップです。手軽に実装できて、少ないコードで実装できます。また、画像にも対応しており、キャプションも加えることが可 ...
  • Description: 画像でもHTMLでも何でもカルーセル化出来るプラグインです。汎用性も高く、導入も手軽、クロスブラウザにも対応しています。また、縦や横など、様々な形式 ...
  • Description: シンプルにアニメーションするメニュー。簡単なコードで実装することが出来ます。クロスブラウザにも対応しており、ちょっとしたインパクトも与えることができ ...
  • Description: クロスブラウザに対応したシンプルで使い勝手の良いギャラリー系プラグインです。マークアップもシンプルで導入も手軽に行えます。 Sample: ...
  • Description: Read moreコンテンツを実装。といってもAjaxで呼び出す等ではなく、spanタグで囲ったテキストを最初は非表示させておく、というものです。 ...