如何使用CSS每隔几秒钟旋转图像和文本?

时间:2012-06-23 02:46:52

标签: css

在我的网站的一部分中,我想在每个图像下插入一些图像和文本,我希望图像和文本每隔几秒钟旋转一次。是否可以只使用CSS?

我用google搜索但我只找到了使用Java Script或Flash等的解决方案。也可以使用CSS3 @keyframes。但问题是IE和Opera不支持它。我正在寻找兼容的纯CSS解决方案。

2 个答案:

答案 0 :(得分:2)

仅使用css是不可能的。你可以用CSS 3制作一些不错的图像画廊;但据我所知,它们不会自动旋转。此外,由于IE不支持大多数CSS 3功能,如果您需要支持IE,则必须使用javascript或flash。

您可能需要查看jquery-image-slider-plugins这是一篇关于http://www.tripwiremagazine.com/的文章,其中列出了您可能感兴趣的几个不错的图像旋转插件。

修改

对于您在评论中链接的页面。它使用javascript作为图片旋转器。据我所知,这个插件似乎来自http://jquery.malsup.com/cycle/download.html。这些是我认为用于它的两个文件:

<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/libraries/jquery.cycle/jquery.cycle.all.min.js?lzqlgq" type="text/javascript">
<script src="http://livedemo00.template-help.com/drupal_38002/sites/all/modules/views_jqfx_cycle/views_jqfx_cycle.js?lzqlgq" type="text/javascript">

答案 1 :(得分:2)

雅,我认为你不能阻止它并再次启动它。它绝对是一个有用的CSS功能。

在我调查时找到了这个:http://codepen.io/whootboy/pen/simple_css_3d_cubes/1

不是你想要的,但有趣的是动画如何与CSS一起使用