<!DOCTYPE html>
<html>
</html>
<head>
<style>
*{margin:0;padding:0;}
div{width:400px;height:200px;overflow:hidden;border:1px solid black;margin:0 auto;}
#test{display:block;width:400px;background:pink;}
li{height:19px;display:block;}
</style>
</head>
<body>
<div>
<ul id="test">
<li>1111111111111111111111</li>
<li>12111111111111111111111111111111111111111111</li>
<li>13111111111111111111111111111111111111111111</li>
<li>1141111111111111111111111111111111111111111</li>
<li>11511111111111111111111</li>
<li>116611111111111111111111611111111111111111111</li>
<li>1711111111111111111111</li>
<li>18111111111111111111111111111111111111111111</li>
<li>19111111111111111111111111111111111111111111</li>
<li>a141111111111111111111111111111111111111111</li>
<li>b1511111111111111111111</li>
<li>c16611111111111111111111611111111111111111111</li>
<li>1d11111111111111111111</li>
<li>1e111111111111111111111111111111111111111111</li>
<li>1f111111111111111111111111111111111111111111</li>
<li>1g1111111111111111111111111111111111111111</li>
</ul>
</div>
<script>
var test=document.getElementById("test");
var clone=test.cloneNode();
test.parentNode.appendChild(clone);
var time
function star(){
time=setInterval("drawD()",50)
}
function drawD(){
if(test.parentNode.scrollTop >= test.offsetHeight){test.parentNode.scrollTop=0}
else{
test.parentNode.scrollTop++
if(test.parentNode.scrollTop%19==0){
clearInterval(time)
setTimeout("star()",200)
}
}
}
setTimeout("star()",200)
</script>
</body>
