将鼠标悬停在图像上时,如何更改两个或更多图像?

问题描述

| 我在帕萨迪纳艺术中心参加互动课,我们被分配去制作一个涉及图像悬停的网站。通常,学生要做的就是在一个图像上创建一个悬停,但是我想这样做,以便当您将鼠标悬停在一个图像上时,页面上的多个图像会发生变化。 我阅读了一些论坛上有关如何执行此操作的方法,但是我能找到的唯一解决方案是通过Java脚本。唯一的问题是我们只能使用Dreamweaver和CSS。 你们中有人知道仅使用CSS和/或基本html如何实现吗?     

解决方法

        如果您的导师告诉您只允许使用HTML / CSS,那么我认为您将无法使用它-CSS:hover psuedoclass仅会影响被悬停的元素。 如果您被允许使用Javascript,那么肯定可以达到预期的效果。 我整理了一个有关如何执行此操作的快速示例:JS Fiddle。