js不间断滚动的简单实现
CSS：
ul,li{
margin:0;
padding:0;
}
#scrollDiv{
width:300px;
height:25px;
line-height:25px;
border-bottom:#4c8cd11pxsolid;
overflow:hidden;
}
#scrollDivli{
height:25px;
padding-left:10px;
}
JS：
<script>
functionAutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},800,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',3000)
setInterval('AutoScroll("#scrollDiv")',3000)
});
</script>
HTML：
<divid="scrollDiv"> <ul> <li>这是公告标题的第一行</li> <li>这是公告标题的第二行</li> <li>这是公告标题的第三行</li> <li>这是公告标题的第四行</li> <li>这是公告标题的第五行</li> <li>这是公告标题的第六行</li> <li>这是公告标题的第七行</li> <li>这是公告标题的第八行</li> </ul> </div>
以上这篇js不间断滚动的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短