Random Javascript:为悬停时的图像指定随机背景色

Random Javascript:为悬停时的图像指定随机背景色,random,colors,background,hover,Random,Colors,Background,Hover,我不擅长javascript,但我认为这是可行的,需要您的帮助 我有一个名为.thumbs的div类,在这个div中有lightbox gallery的所有缩略图(这些缩略图也是链接) 图像具有填充和边框,因此您可以在填充中看到图像的背景色 我想要一个脚本,将指定一个随机的颜色作为背景色,每五个图像上:悬停 我认为最好在pageload上只分配一次这些颜色,而不是每次图像悬停时都分配一个新的随机颜色 我尝试调整我在此处找到的脚本: 我将其从.random更改为.thumbs img,脚本按照预期

我不擅长javascript,但我认为这是可行的,需要您的帮助

我有一个名为.thumbs的div类,在这个div中有lightbox gallery的所有缩略图(这些缩略图也是链接)

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

我想要一个脚本,将指定一个随机的颜色作为背景色,每五个图像上:悬停

我认为最好在pageload上只分配一次这些颜色,而不是每次图像悬停时都分配一个新的随机颜色

我尝试调整我在此处找到的脚本:

我将其从.random更改为.thumbs img,脚本按照预期为图像的背景指定了颜色。然而,添加任何类型的:悬停会破坏它,什么也不会发生。是否有某个地方需要添加:hover,或者是否需要在javascript中用onmouseover或类似的东西定义hover操作

此外,我希望在单击图像后,背景颜色保持不变,直到单击/选择另一个图像。如果有人可以添加到这个代码中,这样就不会有两个颜色相同的代码排在一起,那就太好了。(我删除了“从数组中删除颜色,以便不能再次使用”部分)

感谢所有能够提供帮助的人,我想这些都是非常简单的问题,但我非常感激

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

我根本无法让它工作。我检查以确保jquery已加载,并且已加载。我甚至删除了你的代码,并尝试了这个简单的小脚本,即使这样,也没有发生任何事情()可能是什么问题?什么没有发生?悬停时颜色会发生变化,然后按照您的指定变为粉红色。我的意思是,当我将该段落悬停脚本添加到我的页面并对其进行测试时,它不起作用,并且悬停时段落颜色也不会发生变化。我认为这是相关的,因为如果不相关的脚本在我的页面上也不起作用,这可能表明了我实际想要使用的脚本不起作用的问题/原因。