Question

我需要一个带有文本的div，它会在循环中从上到下滚动。

实际上我在这里找到了我需要的东西： Link

但问题是我在示例中使用了CSS3，并且在IE10浏览器下滚动不起作用，因为我们不支持CSS3。

是否有一些解决方案可以获得与上述示例相同的结果？也许通过使用插件，管理margins via JS等？

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

试试这个..

JS小提琴链接：http://jsfiddle.net/0pfwkw03/2/

function run(){
var top = parseInt($(".inner").css("top").replace("px",""));
var height = $(".outer").outerHeight();
if(top <  height)
{
   $(".inner").animate({"top":height},5000,run)           
}
else
{
    $(".inner").css({"top":-height});
    run();
}

}
run();

在DIV中垂直滚动文本（在循环中）

2 个答案: