Coda Popup Bubbles | jQuery for Designers - Tutorials and screencasts

滑らかにアニメーションして美しいポップアップを作成するチュートリアル。
Downloadにカーソルを合わせると、フェードインしつつ次のようなポップアップが表示されるものを作成していくチュートリアルです。



jQueryとCSSを用いて実装しているようですが、jQueryによって比較的簡単に実装されている様子。
ページのレイアウトを崩さずにヒントを表示できるポップアップですが、こうしたエフェクトがよりヒントを強調できるので覚えておいてよさそうですね。

関連エントリ

• LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」
• Windows9Xなテーマの同一ウィンドウ内ポップアップ窓作成JavaScriptサンプル「Bride of Windows」
• 同一ページ内でポップアップウィンドウを開くJavascriptライブラリ