[JS]jQueryで実装するiGoogle風のインターフェイス

NETTUTSのエントリーから、jQueryで実装するiGoogle風のインターフェイスを紹介します。

How to Mimic the iGoogle Interface
demo

iGoogle風のインターフェイスを実装にあたって、下記のポイントを実装してあります。

• 複数のウィジェットの実装。
• ウィジェットの編集が可能。
• ウィジェットは3カラムに配置され、ドラッグ＆ドロップで移動可能。
• ウィジェットの色・タイトルの編集が可能。
• ウィジェットには、HTML、テキスト、画像、フラッシュなどを配置可能。

サイトでは、画像ファイルを含む、スクリプトやHTMLファイル一式をダウンロードできます。