在悬停时更改多个图像和文本，然后单击

Question

我刚才有一个关于如何在悬停和点击时更改图片和文字的问题。 它们并排放置，现在我知道如何同时更换它们。 现在我的后续问题是：我怎样才能让这些Image＆amp;文本中的几个相互交换？

只能用css吗？或者我需要添加一些脚本吗？

Answer 1

如果您要问的是，如果您可以在给定的时间间隔内自动更换它们，那么答案是是，可以使用CSS，使用keyframe animations - 您可以为opacity属性设置动画。

更新：image gallery using keyframe animations

---

当你有某种缩略图或导航按钮时你也可以这样做，在这种情况下，它与我在my answer中用于你前一个问题的技术大致相同 - 一个非常基本的（咳咳，非常基本）意思是我几周前在几分钟内完成了这件事然后我太懒了回来美化这种画廊的例子使用缩略图进行导航你可以在这里看到{{3 }}

Answer 2

您可以使用CSS：hover伪类在悬停事件中更改背景图像（或更改背景位置使用CSS sprites），但是没有CSS方法对click事件执行相同操作。你可能需要查看javascript这个

Answer 3

是的，只能使用CSS。查看此博客文章了解详细信息： http://sixrevisions.com/css/css-only-tooltips/。您是否还可以提供一些示例代码，以帮助您了解如何完成此操作。尽管如此，我上面提到的链接必须能够帮助你。