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

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

デモのキャプチャ

How to Mimic the iGoogle Interface
demo

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

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

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

sponsors

top of page

©2018 coliss