Javascript：在悬停时为图像分配随机背景颜色

Question

我不擅长 javascript，但我认为这是可行的，可以使用你的帮助。

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

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

我想要一个脚本，它将从五种颜色中随机分配一种颜色作为 :hover 上每个图像的背景颜色。

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

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

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

此外，我希望在单击图像后保持背景颜色，直到单击/选择另一个图像。如果任何人都可以添加到此代码中，这样就不会连续出现两个相同颜色的代码，那就太好了。 （我删除了“从数组中删除颜色，使其不能再次使用”部分）。

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

Answer 1

使用 jquery

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