人が登録
ツールチップ(ToolTip)とはリンクにマウスカーソルを合わせるとそのリンクの説明が表示される機能。
例えばこんな感じtooltip demo
以前から自分なりにいろいろ収集していたのですが、結構まとまったページがあったのでメモ。
1. Dynamic tooltip
吹き出しのシンプルなデザインが透過してとても綺麗。http://flowplayer.org/tools/tooltip.html
2. Popup Bubble
シンプルだけど動きがなめらかでRSSアイコンなどに使えそう。
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
Demo
3. jQuery Horizontal Tooltips Menu Tutorials
TootTipが消えないけど、応用範囲は広そう。
http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials
Demo
4. Prototip
沢山のバリエーションがあって便利。各丸利用などデザインも好みなものが多い。
http://www.nickstakenburg.com/projects/prototip2/
Demo
5. Coda Popup Bubble
若干動きがぎこちない時があるけど、美しい。
http://jqueryfordesigners.com/coda-popup-bubbles/
Demo
6. Awesomeness
若干動きがぎこちない時があるけど、美しい。
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/
Demo
7. TipTip
アンカーテキストの変色と美しいツールチップの組合せが気持ちいい。
http://code.drewwilson.com/entry/tiptip-jquery-plugin
Demo
8. (mb)Tooltip
紹介記事のDemoが見つからず。まだ試していません。
http://pupunzi.open-lab.com/2009/02/07/mbtooltip/
Demo
9. vTip
シンプルで軽快。とても使い勝手良さそう。
http://www.vertigo-project.com/projects/vtip
Demo
10. jGrowl
画面右上にポヨンと出てくる。消え方も自然で美しい。
http://stanlemon.net/projects/jgrowl.html
Demo
11. jQuery Ajax Tooltip
ドロップシャドウ付きの小窓に画像とテキスト両方が表示される。これは目立つかも。
http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html
12. Digg-style post sharing tool with jQuery
はてブ、deliciousなどSBMに
http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery
Demo
13. Input Floating Hint Box
インプットボックスの説明
http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html
Demo
14. Simpletip
hover時にフェードインされる。動きが軽快。
http://craigsworks.com/projects/simpletip/
Demo
15. qTip
シンプルでベーシックなToolTip
http://craigsworks.com/projects/qtip/
Demo
