问题描述
|
我在帕萨迪纳艺术中心参加互动课,我们被分配去制作一个涉及图像悬停的网站。通常,学生要做的就是在一个图像上创建一个悬停,但是我想这样做,以便当您将鼠标悬停在一个图像上时,页面上的多个图像会发生变化。
我阅读了一些论坛上有关如何执行此操作的方法,但是我能找到的唯一解决方案是通过Java脚本。唯一的问题是我们只能使用Dreamweaver和CSS。
你们中有人知道仅使用CSS和/或基本html如何实现吗?
解决方法
如果您的导师告诉您只允许使用HTML / CSS,那么我认为您将无法使用它-CSS:hover psuedoclass仅会影响被悬停的元素。
如果您被允许使用Javascript,那么肯定可以达到预期的效果。
我整理了一个有关如何执行此操作的快速示例:JS Fiddle。