0

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

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

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

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

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

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

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

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

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

4

1 回答 1

0

用 jquery

$(".thumbs").hover(function() {
 color = new Array(1,1,1).map(function(val) { return ~~(Math.random()*255); }).join(",")
 return "rgb(" + color + ");";
});
于 2013-10-09T20:49:59.307 回答