jquery 滑动字体

CSS：
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
#scrollWrap{width:450px;height:18px;overflow:hidden;}
#scrollMsg li{height:18px;line-height:18px;overflow:hidden;font-size:12px;padding:0 10px;}
</style>
html:
<div id="scrollWrap">
<ul id="scrollMsg">
<g:each in="${newes }" status="i" var="lab">

<li><a href="${request.getContextPath() }/news/show?id=${lab.id}">
${lab.newsTitle}
</a></li>
</g:each>
</ul>
</div>
js:
<script>
        try{
        var isStoped = false;
        var oScroll = document.getElementById("scrollWrap");
        with(oScroll){
        noWrap = true;
        }

        oScroll.onmouseover = new Function('isStoped = true');
        oScroll.onmouseout = new Function('isStoped = false');

        var preTop = 0;
        var curTop = 0;
        var stopTime = 0;
        var oScrollMsg = document.getElementById("scrollMsg");

        oScroll.appendChild(oScrollMsg.cloneNode(true));
        init_srolltext();
       
        }catch(e){}

        function init_srolltext(){
        oScroll.scrollTop = 0;
        setInterval('scrollUp()', 15);
        }

        function scrollUp(){
        if(isStoped)
        return;
        curTop += 1;
        if(curTop == 19){
        stopTime += 1;
        curTop -= 1;
        if(stopTime == 180){
        curTop = 0;
        stopTime = 0;
        }
        }else{
        preTop = oScroll.scrollTop;
        oScroll.scrollTop += 1;
        if(preTop == oScroll.scrollTop){
        oScroll.scrollTop = 0;
        oScroll.scrollTop += 1;
        }
        }
        }

        </script>