$(document).ready(function() {
var randomRed = Math.floor(Math.random() * 255);
var randomGreen = Math.floor(Math.random() * 255);
var randomBlue = Math.floor(Math.random() * 255);
$('p').mouseover(function() {
$('p').css('color', 'rgb(' + randomGreen + ',' + randomBlue + ',' + randomRed + ')');
});
$('p').mouseout(function() {
$('p').css('color', 'black');
});
});
マウスオーバーでランダムな色を生成し、マウスアウトで黒に戻す上記のコードがありますが、これは正常に機能します。ただし、マウスオーバーごとに同じランダムな色が生成されます。
マウスオーバーイベントごとに異なるランダムな色を生成するにはどうすればよいですか??