Css 将鼠标悬停在图像上时，如何更改两个或多个图像？

我在帕萨迪纳艺术中心参加一个互动课程，我们被指派制作一个包含图片悬停的网站。通常，学生们会做的是在一个图像上创建一个鼠标悬停，但我想这样做，当你将鼠标悬停在一个图像上时，页面上的多个图像就会改变

我在一些论坛上读过一些关于如何实现这一点的文章，但我能找到的唯一解决方案是通过java脚本。唯一的问题是我们只能使用dreamweaver和CSS

---

你们中有谁知道只使用CSS和/或基本html是如何做到这一点的吗？

如果你的导师告诉你只允许使用html/CSS，那么我认为你做不到——CSS:hover-psuedoclass只会影响被悬停的元素

如果允许您使用Javascript，那么您想要的效果肯定是可能的

---

我举了一个简单的例子来说明如何做到这一点：。

当你说你只能使用dreamweaver时，javascript在dreamweaver中工作。您可以使用“Live Code”按钮。您能告诉我如何使用javascript实现这一点吗？