jquery - 悬停时多个图像变化

标签 jquery html css

我一直在对此进行大量研究,我在 jquery 方面还是个新手,所以在我花一些时间解决它之前,我想从一些专业人士那里获得关于解决这个问题的最佳方法的意见。

我基本上在一个页面上有 6 张正常加载的图片。 当用户将鼠标悬停在其中一张图像上时,我希望其他图像变为灰度,但悬停在其上的图像仍保持彩色。

我已经看到了几种关于如何做相当相似但不完全是我想要的事情的方法,显然有两种方法 - 对它们进行 css 灰度化或创建单独的图像并将它们交换出来更好吗?我不想发现我尝试了一种方法,几个小时后发现它不起作用!

谢谢

最佳答案

取决于图像的比例,对于做两个独立图像的图标,每个图像都是所有图像的 Sprite 图像将是最好的方法,但如果你正在处理大型图像,最好使用 css 来减少使用空间。

关于jquery - 悬停时多个图像变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18472720/

相关文章:

javascript - 按钮 Bootstrap 的选中状态

javascript - 更改 HTML 文本框 : Overwrite Instead of Insert as User Types

javascript - CSS下拉响应式子菜单

html - 元素对齐问题

c# - 将ajax成功响应的参数传递给Url Action方法

javascript - 单击按钮更改div

html - 为什么这两个按钮渲染不同

html - 如何使嵌入式 Twitter 提要在较小的屏幕上响应大小?

javascript - 调整大小事件不适用于绑定(bind)功能

html - 如何在网页中以缩进显示源代码? HTML? CSS?