jquery - 悬停时多个图像变化

标签 jquery html css

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

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

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

谢谢

最佳答案

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

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

相关文章:

javascript - 追加无法使用 optgroup 将选项添加到动态加载的选项列表

jquery - 调整大小时,文章不会停留在其他 sibling 之上

html - 菜单项显示其子项的延迟时间

php - 将选定的下拉列表值存储在 PHP 中的变量中

javascript - HTML 间距问题 - 所有浏览器

css - 更改文档片段的 css 类定义

javascript - 在遍历列表项时添加/删除类

javascript - 语法错误,在 jQuery 选择器中检查了无法识别的表达式 : !

html - 如何使容器中的表单居中?使用 flex

html - 如何优化网站以在移动设备上很好地显示