Question

我试图找到一种简单的方法来让div只有文本，它会自动垂直滚动文本。我不想使用框架（虽然我使用Prototype，所以如果使用Prototype更容易，那就没问题了，但没有Scriptalicious）。

我认为必须有一种方法可以通过几行代码来实现这一点，但我对Javascript不太熟悉，知道如何最有效地做到这一点。

Answer 1

这可能不是传统的，但您可以尝试<marquee>代码

它在IE和FF中都有效，我上次检查时也是徒步旅行。

<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，可以通过约束大小和设置溢出样式属性来完成。 style =“width：200px; height：300px; overflow：auto”

Answer 3

尝试更改div的scrollTop。有一个例子here。

Answer 4

我看到没有给出正确的答案。我想你必须看看cloneNode（）。并克隆要滚动的元素。当第一个元素位于滚动的最后一个点时，将复制的元素放在第一个元素之后。当重复的元素几乎结束时，将副本放在副本之后，依此类推！

自动垂直滚动div内容循环

4 个答案: