JAVASCRIPT 上下不断滚动文字

<style type="text/css">
#IssueList {
    margin:0px 0px;
    padding: 0;
    list-style: none;
    height: 60px;
    width:600px;
    overflow:hidden;
    background-color:#ffffff;
    color:#FFFFFF;
}
#IssueList li {
    font-size:13px;
    line-height: 20px;
}
</style>
<!--这个ul里面放要滚动的内容，由动态服务器端语言很好实现-->
<ul id="IssueList">
    <li><A HREF="">1 ☆中国电脑教育报★</A></li>
    <li><A HREF="">2 ☆中国电脑教育报★</A></li>
    <li><A HREF="">3 ☆中国电脑教育报★</A></li>
    <li><A HREF="">4 ☆中国电脑教育报★</A></li>
    <li><A HREF="">5 ☆中国电脑教育报★</A></li>
    <li><A HREF="">6 ☆中国电脑教育报★</A></li>
    <li><A HREF="">7 ☆中国电脑教育报★</A></li>
    <li><A HREF="">8 ☆中国电脑教育报★</A></li>
    <li><A HREF="">9 ☆中国电脑教育报★</A></li>
    <li><A HREF="">10 ☆中国电脑教育报★</A></li>
</ul>
<script type="text/javascript">
(function(ul, delay, speed, lineHeight) {
var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul;
var delay = delay||1000;
var speed=speed||20;
var lineHeight = lineHeight||20;
    var tid = null, pause = false;
    var start = function() {
     tid=setInterval(slide, speed);
    }
    var slide = function() {
     if (pause) return;
     slideBox.scrollTop += 2;
     if (slideBox.scrollTop % lineHeight == 0) {
         clearInterval(tid);
         slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
         slideBox.scrollTop = 0;
         setTimeout(start, delay);
        }
    }
    slideBox.οnmοuseοver=function(){pause=true;}
    slideBox.οnmοuseοut=function(){pause=false;}
    setTimeout(start, 500);
})('IssueList', 1000, 2, 20);//停留时间，相对速度（越小越快）,每次滚动多少，最好和Li的Line-height一致。
</script>