2

您好，我正在使用选取框 从底部滚动到顶部。它工作正常，但它是从屏幕中间开始的。但我需要从底部开始。

<!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>
4

4 回答 4

3

使用关键帧的垂直选框：

.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>

于 2016-06-05T16:03:45.397 回答
0 
<!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，你可能会帮自己一个忙。它让生活更轻松。）

我的电脑截图： 选框预览

希望对您有所帮助... :)

于 2013-06-30T07:05:07.960 回答
0

为此，您可以width="500" height="400"在<marquee>标签中使用

<!DOCTYPE html>
<html>

<body bgcolor="#2E9AFE">

  <marquee bgcolor="#2E9AFE" width="500" height="400" 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>

于 2022-02-11T22:14:34.850 回答
0

您可以使用此代码：

<marquee behavior="scroll" direction="up">Here is some scrolling text... going up!</marquee>

有关更多详细信息，请显示此视频： https ://www.youtube.com/watch?v=V1X7Qo57_l4

于 2022-02-14T08:15:30.977 回答