js,新闻列表滚动特效

 1        <div id="marquee2_1" style="height:150px;overflow: hidden;">                        
 2                             <div id="marquee2_2">                              
 3                            <ul>
 4                            <li>1</li>
 5                            <li>2</li>            
 6                            <li>3</li>    
 7                            <li>4</li>
 8                            <li>5</li>
 9                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>10</li>
                            </ul>                        
                          </div>
                          <div id="marquee2_3"></div>                                                  
                        
                </div>
                
                <script type="text/javascript" language="javascript">
                              var speed=50;
                            var FGDemo1_1=document.getElementById('marquee2_1');
                            var FGDemo1_2=document.getElementById('marquee2_2');
                            var FGDemo1_3=document.getElementById('marquee2_3');
                            FGDemo1_3.innerHTML=FGDemo1_2.innerHTML
                            function Marquee2(){
                            if(FGDemo1_3.offsetHeight-FGDemo1_1.scrollTop<=0)
                            FGDemo1_1.scrollTop-=FGDemo1_2.offsetHeight
                            else{
                            FGDemo1_1.scrollTop++
                            }
                            }
                            var MyMar2=setInterval(Marquee2,speed)
                            FGDemo1_1.onmouseover=function() {clearInterval(MyMar2)}
                            FGDemo1_1.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
                  </script>