Question

您好我正在使用选取框从下往上滚动。工作正常但是从屏幕中间开始。但我需要从底部开始。

<!DOCTYPE html>
<html>
<body>
<body bgcolor="#2E9AFE"> 

<marquee bgcolor="#2E9AFE" scrollamount="2" direction="up" loop="true"> 
<center> <font color="#ffffff"><strong> I AM HERE<br> 
                                        Vx.0<br><br> 
                                        DEVELOPER<br>
                                        xxxxxx<br><br>
                                        <br> CONTACT US<br>
                                        xxxxxx</strong></font></center></marquee>



</body>
</html>

Answer 1

使用关键帧的垂直选框：

.marquee {
  position: relative;
  animation: marquee 2s linear infinite;
  text-align:center;
  color:#ffffff;
}
@keyframes marquee {
  0% {
    top: 10em
  }
  100% {
    top: -2em
  }
}

<body bgcolor="#2E9AFE"> 
 <p class="marquee">
      I AM HERE<br> 
      Vx.0<br><br> 
      DEVELOPER<br>
      xxxxxx<br><br>
      <br> CONTACT US<br>
      xxxxxx
 </p>
</body>

Answer 2

<!DOCTYPE html>
<html>
<body bgcolor="#2E9AFE"> 
  <marquee style="background-color: #2E9AFE; bottom: 0; color: #ffffff; height: 100%; position: absolute; text-align: center;" scrollamount="2" direction="up" loop="true"> 
    <strong>I AM HERE<br/>Vx.0<br/><br/>DEVELOPER<br/>xxxxxx<br/><br/><br/>CONTACT US<br/>xxxxxx</strong>
  </marquee>
</body>
</html>

请注意，据我所知，这不是有效的HTML。要验证，请查看http://validator.w3.org。此外，还有两个正文标签（而不是一个）和其他一些格式不正确的HTML，其中大部分是我试图解决的问题。如果您还不熟悉CSS，请知道它是您的朋友。（换句话说，如果你学到的下一件事就是CSS，你可能会帮自己一个忙。它会让生活变得更容易。）

我的电脑屏幕截图： Marquee preview

希望有帮助......：）

如何从屏幕底部开始Marquee文本？

2 个答案: