我一直在对此进行相当多的研究，而且我在jquery上非常新，所以我希望得到一些专业人士的意见，以便在我花费一些时间来解决它之前采用最佳方法。
我在页面上基本上有6张图片正常加载。 当用户将鼠标悬停在其中一个图像上时，我希望其他图像变为灰度，但是正在悬停的图像保持颜色。
我已经看到了几种方法，如何做一些合理相似但不完全符合我想要的东西，显然有两种方法 - css灰度级或创建单独的图像并将它们交换出来更好吗？我不想找到我尝试一种方式，几个小时后发现它不会工作！
由于
答案 0 :(得分：1)
取决于图像的比例，对于执行两个单独图像的图标，每个图像都是最佳方法的精灵图像，但如果您处理的是大尺寸图像，最好使用css来减少使用空间。
答案 1 :(得分：0)
我使用精灵图像来执行此操作并将另一个图像的位置更改为灰度。我定义了2行图像。灰度图像的颜色和向下颜色。所以当我悬停图像时，我会通过改变y位置来改变另一个图像的位置。但是如果你想选择另一种方法，可以使用一个像素灰色png框或css3不透明度，并将其放在图像上以模拟灰度。
答案 2 :(得分：0)
@ loveforfire33在这里我认为这就是你要找的东西： http://cube3x.com/adipoli-jquery-image-hover-plugin/