#mooc{
                width:200px;
                height:160px;
                border:2px solid #f00;
                overflow:hidden;
                margin:200px auto auto auto;
            }
            ul li{
                height:24px;
                line-height:24px;
            }

<div id="mooc">
            <ul >
                <li>woshi1</li>
                <li>woshi2</li>
                <li>woshi3</li>
                <li>woshi4</li>
                <li>woshi5</li>
                <li>woshi6</li>
                <li>woshi7</li>
                <li>woshi8</li>
                <li>woshi9</li>
            </ul>
        </div>

var m=document.getElementById("mooc");
            m.innerHTML+=m.innerHTML;
            var m.scrollTop=0;  //初始化
            liHeight=24;
            function top(){
                m.scrollTop++;
                if(m.scrollTop%liHeight==0){
                    clearInterval(time);
                }
            }
            var time=setInterval(top,50);