日期:2014-05-16  浏览次数:20364 次

请教字幕滚动问题!【在线等】
各位大虾,现在我需要用JS实现一个字幕向上滚动效果。
就好比一行字幕,定时向上滚动,在滚动同时,下方字幕继续显现出来,循环如此。

不知道各位高手有何思路,小弟在此请教了!!!

------解决方案--------------------
HTML code
<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>

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