2009年10月15日

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

常用位置：网站公告

演示地址：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内的红字相同-->

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

  2009年10月10日

　　每天吃早餐的时候总喜欢边吃边在google reader里面看东西。学到的东西很多，但是没有记录。

　　这个博客开的目的就是为了记录我看到的，学到的，还有体会到的。

　　一起体验生活的精彩。