如何使图像在HTML中从中心滚动?

时间:2016-11-13 12:47:46

标签: html

我一直在想如何让图片从中心向左滚动,就像这个图片在这个网站上的表现一样。 http://www.kiminona.com/index.html#story

我尝试使用<marquee>标记,但我所能做的就是让它从右向左滚动。当我搜索如何时,我发现只是在CSS中实现它的方法。我需要知道如何使用仅限HTML

2 个答案:

答案 0 :(得分:0)

在这种情况下,您仍然可以使用旧选框。要将它从中心循环到,trict就是将选框放在左侧 div 中,如下所示

&#13;
&#13;
.item {
  float:left;
  border: 1px solid green;
  height: 300px;
  width: 45%;
}
&#13;
<div id="image" class="item">
<marquee>This text will scroll from _center_ to left</marquee>
</div>
<div id="content" class="item">
content
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:-1)

我建议你不要使用marquee标签,因为它被w3c弃用,但是,如果你必须并且只能使用HTML,那么你可以使用标签中的direction属性。如果是页面宽度的一半,则可以创建div和样式,然后在其中应用选取框标记。

<marquee direction="left">Image Goes Here</marquee>

如果您能够使用CSS,那么您可以使用关键帧。关于如何使用它们有一些很好的信息here