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

我需要有一个里面有文本的div，它将在一个循环中从上到下滚动

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

但问题是，我在示例中使用的是CSS3，在IE10浏览器下滚动不起作用，因为那里不支持CSS3US

---

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

这可能不是传统的做法，但你可以试试标签

它在IE和FF中都有效，上次我检查时，safari也是

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

这个在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)" 

作为选框标记的属性…

尝试一下

JS fiddle链接：

---

必须使用javascript在一组时间间隔内更改页边距顶部

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)" 

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();