文字单行滚动代码

效果名称：文字单行滚动代码。

常用位置：网站公告

演示地址：gov.powereasy.net

JS代码：

==================================================

<script language="JavaScript" type="text/javascript">
    //<![CDATA[
    function startmarquee(lh, speed, delay) {
        var p = false;
        var t;
        var o = document.getElementById("marqueebox");
        o.innerHTML += o.innerHTML;
        o.style.marginTop = 0;
        o.onmouseover = function() { p = true; }
        o.onmouseout = function() { p = false; }
        function start() {
            t = setInterval(scrolling, speed);
            if (!p) o.style.marginTop = parseInt(o.style.marginTop) - 1 + "px";
        }
        function scrolling() {
            if (parseInt(o.style.marginTop) % lh != 0) {
                o.style.marginTop = parseInt(o.style.marginTop) - 1 + "px";
                if (Math.abs(parseInt(o.style.marginTop)) >= o.scrollHeight / 2) o.style.marginTop = 0;
            } else {
                clearInterval(t);
                setTimeout(start, delay);
            }
        }
        setTimeout(start, delay);
    }
    //]]>
</script>

==================================================

Html代码举例

==================================================

<ul id="marqueebox">
    <li>测试内容1</li>
    <li>测试内容2</li>
    <li>测试内容3</li>
    <li>测试内容4</li>
</ul>

<script>startmarquee(28, 60, 2000)</script>

<!-- 28为每次翻滚的距离，建议设为li的行距，60为滚动速度，2000为延迟时间 红字部分必须与JS内的红字相同-->

==================================================