NETTUTSのエントリーから、jQueryで実装するiGoogle風のインターフェイスを紹介します。
How to Mimic the iGoogle Interface
demo
iGoogle風のインターフェイスを実装にあたって、下記のポイントを実装してあります。
- 複数のウィジェットの実装。
- ウィジェットの編集が可能。
- ウィジェットは3カラムに配置され、ドラッグ＆ドロップで移動可能。
- ウィジェットの色・タイトルの編集が可能。
- ウィジェットには、HTML、テキスト、画像、フラッシュなどを配置可能。
サイトでは、画像ファイルを含む、スクリプトやHTMLファイル一式をダウンロードできます。
Post on:2008年11月19日
