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

时间:2011-06-12 23:39:51

标签: css image hover

我在帕萨迪纳艺术中心参加了一个互动课程,我们被分配到一个涉及图像悬停的网站。通常,学生将要做的是在一个图像上创建一个悬停,但我想这样做,以便当您将鼠标悬停在图像上时,页面上的多个图像将会发生变化。

我读了一些关于如何做到这一点的论坛,但我能找到的唯一解决方案是通过java脚本。唯一的问题是我们只能使用Dreamweaver和CSS。

你们中的任何人都知道如何只使用CSS和/或基本的html来实现这一目标吗?

1 个答案:

答案 0 :(得分:0)

如果您的导师告诉您,您只能使用HTML / CSS,那么我认为您无法做到这一点 - CSS:hover psuedoclass只会影响正在悬停的元素。

如果您被允许使用Javascript,那么您肯定可以获得所需的效果。

我已经汇总了一个如何做到这一点的快速示例:JS Fiddle