Opentip | The free tooltip
opentip is a javascript tooltip framework yes - it’s free, open source and comes with different styles! demo styles There are great styles built right into opentip and it's easy to create your own. ajax Opentips can automatically download their contents via AJAX. It's extremely easy to configure them to do so.
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌
もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。 フレームワークということで以下の点をカスタマイズ可能 ・スキン ・ツールチップの位置設定（左右上下など） ・コンテンツをAJAX読み込み ・ローディング画像のカスタマイズ ・コールバック機能(afterUpdate)、イベント(onHide, onShow) ・APIの提供 スクリーンショットを以下にサンプルとして掲載。 それぞれがセンスがよくてどれをつかってもよい気が
JavaScriptで画像付きツールチップをカスタマイズ！ (1/3)
Webページ中のリンクや画像の上にマウスを重ねると表示されるツールチップ。HTMLタグにtitle属性を指定するだけで表示できるのでリンク先の内容や画像を紹介するのに便利ですが、デフォルトのツールチップだと見た目が素っ気ない。とはいえ、ツールチップの表示はWebブラウザーの機能なので、通常はWebサイト側ではデザインの変更などはできません。 そこで、独自のツールチップを表示するJavaScriptライブラリーの出番です。ツールチップを表示するライブラリーはいくつかありますが、今回は比較的使いやすく多機能な「qTip」を紹介しましょう。 qTipとは 「qTip」はクレイグ・トンプソン氏が開発しているライブラリーで、jQueryのプラグインとして動作します。本稿執筆時点の最新版は1.0.0-rc3で、jQuery 1.2.6以降に対応しています（jQuery 1.3以降を推奨）。qTipは以
ツールチップjQueryプラグイン「qtip」を使ってみました
<script type="text/javascript"> jQuery('raumen').qtip({ content: '<div style="font-size: 80%;color:#ff0000;" align="left">※ここに表示したいHTMLを記載できます</div><a href="https://www.asial.co.jp***.jpg &mode=1" class="popupimg"><img src="https://www.asial.co.jp***.jpg"></a></div>' , style: { width: '250px', border: {color: 'green'}, tip: {corner: 'topLeft'} } , position: { corner:{target: 'bottomLeft'} } , show
qTip リファレンス
指定すると、題名にボタン表示。hide 属性をfalseにしておくと、ボタン操作で閉じられる： content: {title: {button:"閉じる"}}, hide:false
[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ページを開く
http://alpaca.chocosk.server-cowboy.net/blog/jquery/tip-tip/
qTip - The jQuery tooltip plugin - Home