1

如何在鼠标悬停时显示彩色图像？

我的问题类似于我为递归更改图像而遵循的这个 jQuery 脚本。

  • 灰度图像

  • 彩色图像

    $(document).ready(function () {
      $("#image").hover(function () {
          $(this).attr("src", "tpi/colored.jpg");
      }, function () {
          $(this).attr("src", "tpi/grayscale.jpg");

      });
  });

现在在 css 或 jQuery 中有没有其他方法可以做到这一点，而无需在悬停时一次使用两个图像？

4

1 回答 1

2

在 chrome 中工作的DEMO http://jsfiddle.net/HF8c7/

-webkit-filter: grayscale(100%);
于 2013-06-18T12:03:27.970 回答