a Better Tooltip
Description: ベーシックなツールチップです。今は多くのライブラリが存在するので勉強用という感じですかね・・オンマウスすることでtitle要素のテキストがツールチップとして表示されます。簡単なコードで実装できます。デモではIEで表示が崩れるのでハック等が必要ですね。 Sample: Demo Tutorial: Build a Better Tooltip with jQuery...
View ArticleTipTip
Description: フワッと表示されるツールチップ。東西南北で出す場所を選ぶことが可能です。が、マウスオーバーから少々レスポンスが遅めなので対策が必要かもしれません。 Sample: Demo Tutorial: TipTip jQuery Plugin License: MITかGPL Note $(function(){ $(".someClass").tipTip({maxWidth:...
View ArticlevTip
Description: マウスをストーキングするツールチップです。手軽に実装出来る汎用性と、マウスについてくるユニークさが特徴。背景に画像を使うことも出来るのでユニークな表現もできそうですね。 Sample: Demo Tutorial: Vertigo Project: vTip License: - Sample...
View ArticleqTip
Description: 画像付き、ベーシックな物や、クリック式、URLのサムネイルや動画まで対応している多機能・高機能なツールチップ系プラグインです。レスポンスも良く、ツールチップとしては最も高性能なプラグインと言えそうです。 Sample: Demo Tutorial: Documentation License: MIT Note $('ul:last li.active').qtip({...
View Articletipsy
Description: シンプルながら様々なシーンに対応することが可能なFacebookライクのツールチップ系プラグインです。マウスオーバーで表示されるのが基本ですが、クリック形式もあります。フォームにも使えるのでバリデーションに使うのも有りですね。 Sample: Demo Tutorial: tipsy – Facebook-style tooltip plugin for jQuery...
View ArticleEasiest Tooltip
Description: マウスをストーカーする軽量なツールチップです。手軽に実装できて、少ないコードで実装できます。また、画像にも対応しており、キャプションも加えることが可能です。 Sample: Demo Tutorial: Easiest Tooltip and Image Preview Using jQuery License: - Sample...
View ArticlePop!
Description: シンプルなヘルプコンテンツです。クリックすると隠されていたテキストが表示される仕組み。デモでIE8で表示されていませんが、IE6、7では問題ないのでcssで直せそうです。シンプルでいい感じですね。 Sample: Demo Tutorial: Pop! License: MIT Note (function($) { $.pop = function(options){...
View Articlesmart tooltips
Description: シンプルなツールチップ。です。超軽量で、手軽に実装可能ですよ。アンカータグ内のtitleをツールチップに実装します。クロスブラウザで動作してくれるので汎用性も高いですね。 Sample: Demo Tutorial: Create simple tooltips with CSS and jQuery – Part 2 License: - Sample...
View ArticleHover Sub Tag Cloud
Description: タグクラウドにツールチップで子クラウドを表示するプラグインです。ゴチャつきがちなタグクラウドを効果的に利用してもらう方法ですね。気になっている方は実装してみては。 Sample: Demo Tutorial: jquery Hover Sub Tag Cloud License: - Note <script type="text/javascript">...
View ArticlejLinkPreview
Description: マウスを乗せるだけでリンク先のスクリーンショットをツールチップで出す。IE全滅ですかね?cssでどうにかなるかな・・かなり楽なのでクロスブラウザに対応してくれると嬉しいですね・・ Sample: Demo Tutorial: jLinkPreview License: GPL Note $().jLinkPreview({ 'preload': true,...
View Article
More Pages to Explore .....