div css onclick更改多个图像

时间:2011-05-05 09:55:23

标签: javascript css html hyperlink

所以我试图将四张小图片彼此相邻。它们中的每一个都是带有背景图像url 100x100的链接。所以我们说最初它们都是灰色的。当我将鼠标悬停在其中一个上时,它们会变色(新图像)。此外,当我点击其中一个图像时,除了那个之外的所有其他图像重置为原始灰度图像,除了我点击的图像

示例:

Gray1 Gray2 Gray3 Gray4

悬停灰色2

Gray1 Color2 Gray3 Gray4

点击灰色2

Gray1 Color2 Gray3 Gray4

悬停gray4

Gray1 Color2 Gray3 Color4

我知道如何做悬停功能。但是如何让所有其他图像“重置”onclick?我需要使用javascript吗?我可以用css吗?

1 个答案:

答案 0 :(得分:0)

这只能通过使用JavaScript来实现。您必须循环播放所有4张图像,如果它们不是单击的图像,则将它们设置为灰色。

我只使用jquery的颜色实现了这一点。您可以查看http://jsfiddle.net/kaUWC/