Simple yet sexy hovercard with minimum CSS

名前にカーソルを合わせた際にかっこ良くプロフィールを表示する例とそのjQueryプラグイン
名前にカーソルを合わせると、名前のテキスト位置はそのままに次のようにプロフィールが浮かび上がるサンプルです。
ポップアップでもいいんですが、もとのテキストはそのままの位置というのがなかなかカッコイイのと技術的に面白いですね。



プロフィールが浮かび上がります。



マークアップとCSSが公開されていて、JSはjQueryを使って数行で実装されています。
ｊQueryプラグイン形式でも使うことができるみたいです

関連エントリ

• シンプルなツールチップ実装ができるjQueryプラグイン「mTip」
• jQueryでツールチップ実装に迷ったらみるエントリ
• ページメニューにツールチップを表示して分かりやすくするjQueryチュートリアル
• もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」