2010年01月25日

ちょっと使えるツールチップいろいろ

当サイトの解析をたまに覗くと、「吹き出し」で検索してくる方も結構いらっしゃる。
ツールチップ(ToolTip)とはリンクにマウスカーソルを合わせるとそのリンクの説明が表示される機能。
例えばこんな感じtooltip demo


以前から自分なりにいろいろ収集していたのですが、結構まとまったページがあったのでメモ。
http://www.1stwebdesigner.com/resources/stylish-jquery-tooltip-plugins-webdesign/

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



posted by がりんぺいろ Edit | Comment(0) | WEBデザイン
ブックマークに追加する

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/139345333
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
メルマガ、ホームページ、メールアンケート、アフィリエイト、懸賞メールなど様々な方法でインターネットで副収入を得る方法がありますが、今から始めるにはブログとアフィリエイトの組み合わせは最も効率的に稼ぐことが出来ます。私もブログをはじめて2ヶ月目には約2万円を得ることが出来、以前から作成しているホームページより売り上げ上昇が早いので、最近はブログ作りに集中しています。
では何故そんなに稼げるのか、そしてその方法を解説したいと思います。
はじめの一歩  ブログをはじめよう  アフィリエイトをはじめよう  ブログの機能を使おう 見栄えを良くしよう(html入門) 写真を掲載しよう リンクを使いこなそう
月に1万円稼ぐアフィリエイターは実は少数派。売り上げが伸びない方、アクセスを伸ばしたい方は必ず読んで下さい。
Firefoxを使おう ブログをカスタマイズしよう ブログツールを使いこなそう 人気ブログを研究しよう アクセスアップ・SEOを考えよう ランキングサイトへ登録しましょう アフィリエイト的ブログサービスの選び方 アクセス解析を使おう 目的にあったブログを選ぼう
月に5万円稼げるようになるとようやく一人前のアフィリエイターと言えるでしょう。最初の壁を越えるためのテクニックです。
独自ドメインを使おう 日本語ドメインを使おう Google サイトマップに対応させよう もっとアクセス解析



×

この広告は1年以上新しい記事の投稿がないブログに表示されております。