javascript - 自动垂直滚动div内容循环

标签 javascript html prototype scroll autoscroll

我正在尝试找到一种简单的方法,让只有文本的 div 自动垂直滚动文本。我不想使用框架(尽管我确实使用 Prototype,所以如果使用 Prototype 更容易,那就没问题,但没有 Scriptalicious)。

我认为必须有一种方法可以通过几行代码来完成此操作,但我对 Javascript 不够熟悉,不知道如何最有效地做到这一点。

最佳答案

这可能不常见,但您可以尝试 <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)" 

作为选取框标签的属性...

关于javascript - 自动垂直滚动div内容循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1948707/

相关文章:

javascript - Bing map 上的 HTML 框无法在 IE8 或 Firefox 中正确查看

php 或浏览器无法识别 PDO 中的 "->"

javascript - 对所有可能的子属性的访问器进行原型(prototype)设计

javascript - 一个对象的原型(prototype)可以改成另一个对象吗?

javascript - 有没有办法在原型(prototype)中使用函数参数作为 getter ?

javascript - jQuery 触发了事件,即使它应该仍在

javascript - 在 node.js 服务器上更改 svg 中文本元素的内容

javascript - 未捕获的 TypeError : $(. ..).multiselect 不是函数

javascript - 围绕枢轴词对齐文本

PhoneGap 的 Javascript 调试器