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をチェックしてください。また、(1 つではなく) 2 つの body タグと、適切にフォーマットされていない他の HTML がいくつかありましたが、そのほとんどに対処しようとしました。CSS にまだ慣れていない場合は、CSS があなたの友達であることを知っておいてください。(言い換えると、次に学んだことが CSS であるとしたら、おそらく自分自身に有利に働くことになるでしょう。それは人生をずっと楽にしてくれます。)

私のコンピューターからのスクリーンショット: マーキー プレビュー

それが役立つことを願っています... :)

于 2013-06-30T07:05:07.960 に答える