jQueryでボックスごとにランダムな背景色をつける

ホワイト中心のシンプルなサイトに遊びゴコロを。 グリッドレイアウトなどのボックスが連なったデザインは美しいですが、その幾何学的な並びが冷たい印象を与えかねません。そこで、マウスオーバーするとカラフルに色が変化するエフェクトを作ってみました。 $(".box").each(function(){ $.data(this, "hcolor", { r: Math.floor(Math.random()*50) + 190, g: Math.floor(Math.random()*50) + 190, b: Math.floor(Math.random()*50) + 190 }); }).hover( function(){ $(this).stop().animate({ backgroundColor: "rgb(" + $.da