为什么我这个不会实现无缝滚动
<div id="content" style="width: 300px; height: 400px; border:1px solid #e6e6e6; overflow: hidden;">
<ul id="con1" style="color: #333; line-height: 23px; background: #fc0">
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
<li>带敬爱靠上了解到爱上就打开了京东商城点击了解到拉动</li>
</ul>
<ul id="con2" style=" background: #cc6600"></ul>
</div>
<script type="text/javascript">
var con=document.getElementById("content");
var c1=document.getElementById("con1"),
c2=document.getElementById("con2");
c2.innerHTML=c1.innerHTML;
function move(){
if(con.scrollTop>=c1.offsetHeight){
con.scrollTop=0;
}
else{
con.scrollTop++;
}
}
var se=setInterval("move()",50);
</script>
