2013-06-30 82 views
1

你好,我使用選取框從底部到頂部滾動。它工作正常,但它是從屏幕中間開始。但我需要從底部開始。如何開始選取框文字從屏幕底部開始?

<!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> 
+2

您正在使用一些相當過時的標籤和屬性。爲什麼HTML5被標記? –

+0

然後建議我新的標籤,請 – KCRaju

回答

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它讓生活變得更輕鬆。)

截圖從我的電腦: Marquee preview

希望幫助.. :)

+0

毫米..它從底部開始,但結束於屏幕的MID,並沒有對齊屏幕中心。我想滾動文字,如電影的結尾標題從屏幕底部開始,並在屏幕的屏幕和對齊中心頂部結束。 – KCRaju

+0

是的,它在Mozilla Firefox中運行f9。但在谷歌瀏覽器中,它就像我在上面提到的評論中提到的那樣。在我的Android APP中也是如此。 – KCRaju

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>