前の記事 ≪:コピペで使えるCSS3ボタン6つのレシピ
次の記事 ≫:HTML5ベースの動画プレイヤー11

もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」

2011年04月11日-はてなブックマーク

スポンサード リンク
Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips

もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」
これ1つで出回ってるであろう殆どのツールチップは作れる気がします。しかも全てハイクオリティ。

フレームワークということで以下の点をカスタマイズ可能
・スキン
・ツールチップの位置設定(左右上下など)
・コンテンツをAJAX読み込み
・ローディング画像のカスタマイズ
・コールバック機能(afterUpdate)、イベント(onHide, onShow)
・APIの提供

スクリーンショットを以下にサンプルとして掲載。
それぞれがセンスがよくてどれをつかってもよい気がします。













矢印の位置は自由に変えられます











矢印の形も変えられます



テキストのみではなく、リッチなコンテンツも入れられます。





Ajaxでツールチップ内のコンテンツを読み込めるのですが、ローディングアイコンも変更可能



ダイアログっぽいツールチップ




ベースとなるフレームワークにjQueryとprototypeを選べるという特徴も持ってるみたい
個人的にこうしたライブラリで決め手となるのはデザインと使う場合の柔軟性になりますが、どちらも兼ね備えてるようなので使うときはこれにしようかと思います。
関連の記事検索:jQuery, JavaScript, ツールチップ, Webデザイン, Web制作, フレームワーク
スポンサード リンク

By.KJ : 2011年04月11日 09:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)