Jquery 我有一个89x89px的重复背景正方形图像，我'；I’鼠标悬停时，我想换成随机彩色图像

我只希望当前图像改变颜色，并在鼠标离开特定图像后重置

当鼠标在重复图像上移动时，这将产生一个漂亮的多色图案

提前谢谢你的帮助。一把小提琴就好了

类似这样：

CSS

.foo {
    background: url('image1.png') repeat top left;
}

.foo:hover {
    background: url('image2.png') repeat top left;
}

HTML

<div class="foo"></div>

类似这样的内容：

CSS

.foo {
    background: url('image1.png') repeat top left;
}

.foo:hover {
    background: url('image2.png') repeat top left;
}

HTML

<div class="foo"></div>

---

嗯。我会使用webkit过滤器（但这就是我，我喜欢webkit浏览器，我希望有一天所有的浏览器都能支持它）

比如：

img {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
     transition: all 5s ease;
}

img:hover {
     -webkit-filter: hue-rotate(333deg);
}

但这又取决于你到底想要实现什么。 在这里，看看我写的关于图像和悬停效果的简短教程。也许它会让一些想法流动起来，你们可以在你们的浏览器中玩这些例子，因为它们是托管在codepen上的

---

嗯。我会使用webkit过滤器（但这就是我，我喜欢webkit浏览器，我希望有一天所有的浏览器都能支持它）

比如：

img {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
     transition: all 5s ease;
}

img:hover {
     -webkit-filter: hue-rotate(333deg);
}

但这又取决于你到底想要实现什么。 在这里，看看我写的关于图像和悬停效果的简短教程。也许它会让一些想法流动起来，你们可以在你们的浏览器中玩这些例子，因为它们是托管在codepen上的

---

随机彩色图像是指随机彩色背景还是包含随机颜色的实际图像？随机彩色图像是指随机彩色背景还是包含随机颜色的实际图像？

鼠标移开后

我认为这不会按预期工作。

鼠标移开后搬走了

我想这不会像预期的那样起作用。