Simple seamless scrolling program-only a few lines of code _javascript tips

<ul id= "Scrollbox" style= "width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px; font-size:12px; " >
<li>1. Have you ever had many dreams,</li>
<li>2. But in the passage of time disillusionment </li>
<li>3. Have you ever looked forward to the future,</li>
<li>4. But lost in the years of growth </li>
<LI>5.CSDN China Programmers Forum </li>
<li>6, let's all go </li>
<li>7. Looks like it's all good. </li>
</ul>
<script type= "Text/javascript" >
var t=setinterval (myfunc,1000);
var Obox=document.getelementbyid ("Scrollbox");
function MyFunc () {
var o=obox.firstchild
Obox.removechild (o)
Obox.appendchild (o)
}
Obox.onmouseover=function () {clearinterval (t)}
Obox.onmouseout=function () {T=setinterval (myfunc,1000)}
</script>

Dom method of Getelementsbyclassname