jQueryで作る便利なツールチップ25 – creamu
speckyboyで、jQueryで作る便利なツールチップが紹介されています。 ざっといくつかご紹介。 » qTip ツールチップに画像を表示させたり、コンテンツの入ったボックスを表示したりできる » jQuery Tooltip – Tooltips done right ふわっと浮き上がるツールチップ » jGrowl クリックすると、Growlのようなメッセージを表示 » jQuery Input Floating Hint Box inputのヒントを表示してくれるプラグイン » Tipsy – Facebook-Style Tooltip Plugin for jQuery Facebookスタイルのシンプルな吹き出し型ツールチップを表示 » jQuery Horizontal Tooltips Menu Tutorial マウスオーバーでかわいい吹き出しのツールチップ表示。↑の
フレッシュなJavaScriptツールチップライブラリ等のまとめ:phpspot開発日誌
フレッシュなJavaScriptツールチップライブラリを含むツールチップライブラリが25種類まとまっているエントリのご紹介。 当サイトで紹介したことのないツールチップも含まれていましたのでご紹介。 ツールチップという完成されたと思われる分野においても様々な工夫がなされているのが分かります。 アニメーションしつつ表示される、デザインされたポップアップ フェードインアニメーションしながら表示される画像ツールチップ del.icio.usとかdigg等へ投稿するソーシャル機能付きツールチップ作成チュートリアル 角丸シャドウ付きのツールチップ 各リンク先は以下のエントリを参照してください。 25 Useful jQuery Tooltip Plugins and Tutorials : Speckyboy Design Magazine
jQueryを使ったフェードインするポップアップバブル | CREAMU
クールにツールチップを表示させたい。 そんなときにおすすめなのが、『Create a jQuery Popup Bubble』。jQueryを使ったフェードインするポップアップバブルだ。 このエントリーでは、↑のようにマウスオーバーでフェードイン&アウトするチールチップの実装方法が紹介されている。 デモは以下から。 » View Demo jQueryを使ったフェードインするポップアップバブル、チェックして参考にしてみてはいかがだろうか。 » Create a jQuery Popup Bubble 恵比寿でカフェ中っと。天気がよくて気持ちいいですねーー。 テンションが上がったのでアニメGIFにしてみましたm(_ _)m
[JS]省スペースに豊富な情報を掲載できる高機能な3つのスクリプト
MopStudioから、パネルのスライダーやツールチップなど、省スペースに豊富な情報を掲載できる3つのスクリプトを紹介します。 MopStudio 紹介する３つのスクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 動作環境は、IE6, 7, Fx3, Op9, Safari3となっています。 各スクリプトのダウンロードや実装方法は、MopStudioの左下にあります。 パネルスライダー：MopSlider スクロールボックス：MopBox ツールチップ：MopTip パネルスライダー：MopSlider MopStudio デモは、ページ上部です。 横長のパネルを省スペースにスライダー付きで表示します。 右の回転矢印をクリックすると、表示方法を「マニュアル」と「オート」に変更できます。 スクロールボックス：MopBox
Facebookスタイルのツールチップテキスト『tipsy』 – creamu
かっこいいツールチップテキストを実装したい。 そんなあなたにおすすめなのが、『tipsy』。Facebookスタイルのツールチップテキストだ。 Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute. 「tipsy」は、Facebookに見られるツールチップテキストを実装するjQueryプラグイン。アンカータグのタイトル属性にテキストを指定する。 とのことで、クールなツールチップテキストになっている。 「Fading」のところをぜひ見てみてほしい。フェードイン&アウトするのが気持ちいい。 Facebookスタイルのツールチップテキスト、チェックして使ってみてはいかがだろうか。 » tipsy スタバのサイトがすごい。デザインがかわいいし、シ
[JS]これ最強かものツールチップスクリプト -BeautyTips
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
qTip - The jQuery tooltip plugin - Home
[JS]ナビゲーションにツールチップをスライド表示させるスクリプト
[JS]HTMLを汚さないで実装できる、シンプルでクールなツールチップのスクリプト -Simpletip