自動垂直滾動div內容循環

Question

我正在嘗試找到一種簡單的方法來使div中僅包含文本，從而自動垂直滾動文本。 我不想使用框架（盡管我確實使用Prototype，所以如果使用Prototype更容易，那很好，但是沒有Scriptalicious）。

我認為必須有一種方法可以用幾行代碼來做到這一點，但是我對Javascript不夠熟悉，無法知道如何最有效地做到這一點。

Answer 1

這可能不常見，但是您可以嘗試<marquee>標簽

它在IE和FF中都可以使用，而我上次檢查時也使用了Safari。

<marquee behavior="scroll" direction="up" height="250" 
   scrollamount="2" scrolldelay="10"">
  Your content goes here
</marquee>

應該給你你想要的
您可以像任何<div>一樣設置它們的樣式...
然后還有沒有javascript的額外優勢...

根據您的評論進行編輯

變得更好，在任何瀏覽器中嘗試

onmouseover="this.stop()" onmouseout="this.start()"

而這在IE中

style="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0,
FinishOpacity=100, 
Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)" 

作為字幕標簽的屬性...

Answer 2

function scrollDivUp(id){
    document.getElementById(id).scrollTop-=1
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

嘗試類似的東西。

您也可以將.scrollTop- = 1更改為.scrollTop + = 1以其他方式滾動。

您還需要一個可滾動的div，可以通過限制大小並設置溢出樣式屬性ie來完成。 style =“寬度：200px；高度：300px；溢出：自動”

Answer 3

嘗試更改div的scrollTop 。 有一個例子在這里 。

Answer 4

我看到尚未給出正確的答案。 我認為您必須例如查看cloneNode（）。 並克隆您要滾動的元素。 當第一個元素位於滾動的最后一點時，請將重復的元素放在第一個元素之后。 當該重復元素幾乎在末尾時，將原始元素放在重復元素之后，依此類推！