javascript – 在悬停时使图像变为黑白

我有一个链接的图像,我希望当用户在其上悬停时使其变为黑白.有人可以帮忙吗？我需要用CSS或JavaScript来制作它.谢谢

最佳答案

试试这个：

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);
}