Javascript：在悬停时为图像指定随机背景颜色

Question

我对javascript不太满意，但认为这是可行的，可以使用你的帮助。

我有一个名为.thumbs的div类，在这个div里面是灯箱库的所有缩略图（这些缩略图也是链接）。

图像有填充和边框，因此您可以在填充中看到图像的背景颜色。

我想要一个脚本，它会为每个图像的背景颜色分配五个随机颜色：悬停。

我认为最好只在页面加载时分配这些颜色一次，而不是每次图像悬停时都为其指定一个新的随机颜色。

我尝试调整我在此处找到的脚本：https://stackoverflow.com/a/18259491/2860129

我将它从.random更改为.thumbs img，并且脚本按预期将颜色分配给图像的背景。然而，添加任何类型：悬停到它打破它，没有任何反应。是否有某个地方我需要添加：悬停，或者是否需要在javascript中使用onmouseover或类似的东西定义悬停操作..？

此外，我希望在单击图像后保留背景颜色，直到单击/选择另一个图像。如果任何人都可以添加到这个代码，以便连续不会有两个相同的颜色，那将是伟大的。 （我删除了＆＃34;从数组中删除了颜色，因此无法再次使用＆＃34;部分）。

感谢任何可以提供帮助的人，我想这些都是非常简单的问题，但我很感激。

Answer 1

使用jquery

$(".thumbs").hover(function() {
 color = new Array(1,1,1).map(function(val) { return ~~(Math.random()*255); }).join(",")
 return "rgb(" + color + ");";
});