请教字幕滚动问题！【在线等】

Question

各位大虾，现在我需要用JS实现一个字幕向上滚动效果。
就好比一行字幕，定时向上滚动，在滚动同时，下方字幕继续显现出来，循环如此。不知道各位高手有何思路，小弟在此请教了！！！

Answer 1

<style type="text/css">
    ul,li{margin:0;padding: 0;list-style: none;}
    #scs{border: 1px solid #ddd;height:30px;overflow: hidden;}
    .ul li{height:30px;line-height: 30px;font-size: 12px;}
</style>
<script type="text/javascript">
    $(function(){
        var l=$(".ul li").size();
        var i=0;
        setInterval(function (){
            i++;
            if(i>=l)i=0;
            $("#scs").animate({scrollTop:i*30},500);
        }, 2000);
    });
</script>
<div id="scs">
    <ul class="ul">
        <li>公告公告公告公告公告公告公告公告公告</li>
        <li>新闻新闻新闻新闻新闻新闻新闻新闻</li>
        <li>发财发财发财发财发财发财发财发财发财</li>
        <li>钓鱼岛钓鱼岛钓鱼岛钓鱼岛钓鱼岛钓鱼岛钓鱼岛</li>
        <li>其他其他其他其他其他其他</li>
    </ul>
</div>

Answer 2

借用LS的代码，可以给UL，增加一个绝对定位，
然后使用定时器，每隔一定时间就把UL的top值增加一点