jQuery UI Widgetを使って、ボックスの背景色をランダムに変更。
「change」ボタンで背景色を変更します。「…表示・更新」ボタンで、現在の背景色のrgb値、16進数値を表示します。「…切り替え」ボタンで、「change」ボタンの有効と無効を切り替えます。「すべて黒に」、「すべて緑に」、「すべて紫に」の各ボタンはすべての背景色を同じ色に変更します。
ここの背景色をボタンを押して変更(1)
ここの背景色をボタンを押して変更(2)
ここの背景色をボタンを押して変更(3)
要素の色コード表示・更新
"change"ボタンの有効/無効の切り替え
すべて黒に
すべて緑に
すべて紫に