javascript - 鼠标悬停在 div 网格上时随机颜色变化

Question

我试图弄清楚如何使用鼠标悬停功能将 div 的颜色更改为随机颜色，但是我无法找到明确的答案来说明我需要更改什么才能实现这一点。有任何想法吗？这是我的原始脚本。

$(document).ready(function () {
    for (var i = 0; i <= 128; i++) {
        $('<div />', {
            'class': 'sameDiv',
            'id': 'div' + i
        }).appendTo('body');
    }
});

$('.sameDiv').mouseover(function () {
    $(this).stop(true).fadeTo(200, Math.random());
}).mouseout(function () {
    $(this).fadeTo(200, Math.random());
});

http://jsfiddle.net/smugfox/7vx3W/3/

Answer 1

在您的 mouseout 函数中，您可以为 rgb 颜色生成三个随机值。

$(this).css("background","rgb("+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+")")

fiddle