js控制div自动上下翻滚

 <style>
    #test{

        785px;
        height:175px;
        overflow:hidden;
    }
    #data{
        785px;
        height:175px;
    }
  </style>

　　注意：1.最大的div，id为test，overflow:hidden;　这个多余的必须是隐藏

　　　　　2.注意最大的div和它的仔的width和height，否则效果很难出现

<script>
     function ting(){
        clearInterval(myTimer);
        clearInterval(myTimerStop);
    }
    function start(){
        myTimer = setInterval(init,speed);
    }
    var speed = 10;
    function init(){
        var data = document.getElementById("test");
        if(data.scrollTop>=175*8){
            data.scrollTop=0;
        }else{
            if(data.scrollTop==0){
                ting();
                myTimerStop = setInterval(stopTime,1000);
            }
            data.scrollTop=data.scrollTop+1;
            if(data.scrollTop%175==0){
                ting();
                myTimerStop = setInterval(stopTime,1000);
            }
        }
    }
    var y = 1;
    function stopTime(){
        y++;
        if(y==5){
            clearInterval(myTimerStop);
            myTimer = setInterval(init,speed);
            y=1;
        }
    }
    var myTimer = setInterval(init,speed);
    var myTimerStop = null ;
  </script>

<div id="test" onmouseover="ting();" onmouseout="start();">
        <div id="data" >1</div>
        <div id="data" >2</div>
        <div id="data" >3</div>
        <div id="data" >4</div>
        <div id="data" >5</div>
        <div id="data" >6</div>
        <div id="data" >7</div>
        <div id="data" >8</div>
        <div id="data" >9</div>
    </div>