                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息滾動效果制作

為什么滾動到兩個列表連接處會抖動一下呢？

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>js信息滾動效果制作</title>
<style>
#con{
	width:200px;
	height:120px;
	border:1px?solid?#666;
	overflow:hidden;
	}
li{
	list-style:none;
		}	
</style>

</head>

<body>
<div?id="con">
???<ul?id="con1">
??????<li>1?信息滾動效果制作</li>
??????<li>2?信息滾動效果制作</li>
??????<li>3?信息滾動效果制作</li>
??????<li>4?信息滾動效果制作</li>
??????<li>5?信息滾動效果制作</li>
??????<li>6?信息滾動效果制作</li>
??????<li>7?信息滾動效果制作</li>
??????<li>8?信息滾動效果制作</li>
???</ul>
???<ul?id="con2"></ul>
</div>
<script>
var?con?=?document.getElementById('con');
?var?con1?=?document.getElementById('con1');
?var?con2?=?document.getElementById('con2');
?var?speed?=?50;
?con.scrollTop?=?0;
?con2.innerHTML?=?con1.innerHTML;
?function?scrollUp(){
	?if(con.scrollTop?>=?con1.scrollHeight)?{
		con.scrollTop?=?0;
		?}else{
		???con.scrollTop?++;?
		?}?
}
var?myScroll?=?setInterval("scrollUp()",speed);

</script>
</body>
</html>