javascript - 使图像在悬停时变成黑白

Question

我有一张链接图片，当用户将鼠标悬停在上面时，我想让它变成黑色和白色。有人可以帮忙吗？我需要使用 CSS 或 JavaScript 来实现。谢谢

Answer 1

试试这个:

img.imgClass:hover {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
}
img.imgClass {
    filter: none;
    -webkit-filter: grayscale(0);
}