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不间断滚动的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。