首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-10-16 
请教字幕滚动问题!【在线等】各位大虾,现在我需要用JS实现一个字幕向上滚动效果。就好比一行字幕,定时向上滚

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

热点排行