读书人

请问字幕滚动有关问题!【】

发布时间: 2012-10-16 09:57:37 作者: rapoo

请教字幕滚动问题!【在线等】
各位大虾,现在我需要用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值增加一点

读书人网 >JavaScript

热点推荐