【发布时间】：2012-07-19 05:57:33
【问题描述】：
我只是有一个关于如何在悬停和单击时更改图像和文本的问题。 它们并排放置，现在我知道如何同时交换它们。 现在我的后续问题是：如何使这些图像和文本中的几个相互交换？
是否仅适用于 css？还是我需要添加一些脚本？
【问题讨论】：
【发布时间】：2012-07-19 05:57:33
【问题描述】：
如果您要问的是是否可以在给定的时间间隔内自动交换它们，那么答案是 是，可以使用 CSS，使用 keyframe animations - 您可以制作动画opacity 属性。
更新：image gallery using keyframe animations
当您有某种缩略图或导航按钮时，您也可以这样做，在这种情况下，它与我在 my answer 中用于您上一个问题的技术大致相同 - 一个非常基本的（咳咳，非常基本的意思是我几周前做了几分钟，然后我懒得回来美化）这种使用缩略图导航的图库示例，您可以在此处查看http://dabblet.com/gist/3102051。
【讨论】：
-
感谢您的回答。所以我想交换这对的次数并不重要？我错过了它，现在会调查它。谢谢
-
如果您希望自动完成交换（以便计算每个交换的时间），这很重要。使用缩略图/导航按钮技术，不，没关系。
-
好吧，是有还是没有脚本？
-
都是 CSS3。绝对没有 JavaScript。这一切都基于
:checked伪类。 -
你能举个例子吗？我检查了你的网站。如果我可以问，你有什么 PHP 知识？
您可以使用 CSS :hover 伪类在悬停事件上更改背景图像（或使用 CSS sprites 更改背景位置），但对于单击事件并没有纯 CSS 的方法。您可能需要为此查看 javascript
【讨论】：
是的，只能使用 CSS。查看此博客文章了解详细信息： http://sixrevisions.com/css/css-only-tooltips/。您是否还可以提供一些示例代码来帮助理解它是如何完成的。尽管如此，我上面提到的链接必须能够帮助您。
【讨论】：