我一直在对此进行大量研究，而且我在 jquery 上非常新，所以在我花一些时间解决它之前，我想从一些专业人士那里获得关于解决这个问题的最佳方法的意见。
我基本上在一个页面上有 6 张图片可以正常加载。当用户将鼠标悬停在其中一个图像上时，我希望其他图像变为灰度，但悬停在其中的图像仍保持颜色。
我已经看到了几种方法来做一些相当相似但不完全是我想要的事情，显然有两种方法 - 是对它们进行 css 灰度或创建单独的图像并将它们换掉更好吗？我不想找到我尝试一种方法，几个小时后发现它不起作用！
谢谢
问问题
686 次
3 回答
1
取决于图像的比例，对于做两个单独图像的图标，每个图像都是所有这些图像的精灵图像将是最好的方法，但如果您正在处理大规模图像，最好使用 css 以使用更少的空间。
于 2013-08-27T18:22:13.320 回答
0
我使用精灵图像来执行此操作并将另一个图像的位置更改为灰度。我定义了 2 行图像。向上用于彩色图像，向下用于灰度图像。所以当我悬停图像时，我通过改变 y 位置来改变另一个图像的位置。但是如果你想选择另一种方法，你可以使用一个像素的灰色 png 框或 css3 不透明度并将其放在图像上以模拟灰度。
于 2013-08-27T18:19:45.560 回答
0
@loveforfire33 我想这就是你要找的东西： http ://cube3x.com/adipoli-jquery-image-hover-plugin/
于 2013-08-27T18:40:43.473 回答