垂直滚动DIV内的文本(在循环中)

Vertical scrolling of the text inside DIV (in a loop)

本文关键字：循环 文本 滚动 DIV 垂直      更新时间：2023-09-26

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

链接

但问题是，我在例子中使用CSS3和滚动不工作低于IE10浏览器，因为CSS3我们不支持那里。

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

这可能不是传统的，但您可以尝试使用<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)"

试一下…

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();
相关文章：