TOP  >  WebDesign  >  jQueryで実現するツールチップ集「15 jQuery Plugins To Create A User Friendly Tooltip」
2009年07月13日

jQueryで実現するツールチップ集「15 jQuery Plugins To Create A User Friendly Tooltip」

リンク属性があるテキストや画像にマウスカーソルをあわせるとその情報を浮き上がらせてくれるユーザビリティを向上させてくれるツールチップ。様々なタイプのものがありますが、今日紹介する「15 jQuery Plugins To Create A User Friendly Tooltip」はjQueryで実現できるツールチップを集めたエントリーです。

tooltips01
qTip

全部で15個のツールチップが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

jQuery Tools/Tooltips
影付きでスムーズに表示されるツールチップ。エフェクトの割に動作が軽めです。

tooltips02
 
 
 
 
 
Simpletip
その名前の通り、動きも表示もシンプルなツールチップです。

tooltips03
 
 
 
 
 
jQuery Input Floating Hint Box
入力エリアに応じたヒントを表示できるツールチップ。コンバージョン工場に役に立ちそうです。

tooltips04
 
 
 
 
 
Tipsy
フェイスブックライクなツールチップ。動きをスクリプトである程度自由に制御する事ができます。

tooltips05

 
上記の他にも沢山のツールチップが紹介されています。英語にはなりますが、デモが用意されていたり、サンプルソースをダウンロードする事ができますので、普段からWEBに触れている人であれば問題ないかと思います。ツールチップを導入してみたかったと言う方は是非どうぞ。

15 jQuery Plugins To Create A User Friendly Tooltip

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 09:52  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る