•  滚动公告栏代码

    <table><tr><td>
    <!-- 博客技巧风云公告栏 -->
    <div style=" font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
    font-size: 12px; ">
    <div id="bulletinBoard" style="line-height:19px;overflow:hidden;height:19px"
    onmouseout="changeID=setInterval('ChangeBulletin()', changeDelay)"
    onmouseover="clearInterval(changeID)"></div>
    <script>
    var bulletinContent = new Array();    // 1
    var bulletinIndex = 0;                // 0
    var changeDelay = 5000;               // 2500
    var scrollDelay = 20;                 // 20
    var changeID;                         // 切换定时器
    var scrollID;                         // 滚动定时器
    var maxLines = 3;        // 1

    // 初始化公告板
    function InitBulletin()
    {
        // 公告内容,在这里用户可以写自己的公告内容,每一行为一个公告
        bulletinContent[0] = "我们正在不懈努力";
        bulletinContent[1] = "要做最好的博客";
        bulletinContent[2] = "期待您的指点与支持";
        bulletinContent[3] = www.9ok.net.ru;

        // 设置公告板初始化内容
        bulletinBoard.innerHTML = bulletinContent[bulletinIndex % bulletinContent.length] + "<br />"
        bulletinBoard.innerHTML += bulletinContent[(bulletinIndex + 1)  % bulletinContent.length];
        // 启动切换定时器
        changeID = setInterval("ChangeBulletin()",changeDelay);
    }

    // 切换公告内容
    function ChangeBulletin()
    {
        // 更新公告板内容
        bulletinBoard.innerHTML = bulletinContent[bulletinIndex] + "<br />";
        bulletinBoard.innerHTML += bulletinContent[(bulletinIndex + 1)  % bulletinContent.length]
        bulletinIndex++;
        bulletinIndex %= bulletinContent.length;
        // 滚动公告板
        bulletinBoard.scrollTop = 0;
        clearInterval(scrollID);
        scrollID = setInterval("ScrollBulletin()",scrollDelay);       
    }

    // 滚动公告
    function ScrollBulletin()
    {
        bulletinBoard.scrollTop++;
        if (bulletinBoard.scrollTop == 20)
        {
            clearInterval(scrollID);
        }
    }

    // 调用公告板初始化函数
    InitBulletin();
    </script>
    </td></tr></table>


    收藏到:Del.icio.us

    评论

  • 滚动不知道怎么弄,你的滚动效果蛮好的!

发表评论

您将收到博主的回复邮件
记住我

Calendar