首页 新闻 搜索 专区 学院

滚动新闻的原理是什么

0
[已解决问题] 解决于 2018-02-02 17:18

看了几处代码,还是没大明白意思

<html>
<head>
<title> New Document </title>
<script>
    var marqueeContent = new Array();   //滚动新闻
    marqueeContent[0] = '<font color="#0000CC">14:25 </font><a href=http://www.xisuo.com/bbs/ target=_blank class="f12red">如果有回复则通过电子邮件提醒。只有注册用户才有此功能</a><br>';
    marqueeContent[1] = '<font color="#0000CC">14:25 </font><a href=http://www.xisuo.com/bbs/ target=_blank class="f12red">如果您的帖子中有转帖代码请筛选复选此项</a><br>';
    marqueeContent[2] = '<font color="#0000CC">14:25 </font><a href=http://www.xisuo.com/bbs/ target=_blank class="f12red">包含您在户口本中的签名只有注册用户有此功能</a><br>';
    marqueeContent[3] = '<font color="#0000CC">14:25 </font><a href=http://www.xisuo.com/bbs/ target=_blank class="f12red">关于站点 | 广告服务 | 联系站长 | 版权隐私 | 项目合作 | 友情链接 | 投稿热线 | 网站地图</a><br>';
    var marqueeInterval = new Array();  //定义一些常用而且要经常用到的变量
    var marqueeId = 0;
    var marqueeDelay = 2000;
    var marqueeHeight = 20;
    //接下来的是定义一些要使用到的函数
    function initMarquee() {
        var str = marqueeContent[0];
        document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
        marqueeId++;
        marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
    }
    function startMarquee() {
        var str = marqueeContent[marqueeId];
        marqueeId++;
        if (marqueeId >= marqueeContent.length) marqueeId = 0;
        if (marqueeBox.childNodes.length == 1) {
            var nextLine = document.createElement('DIV');
            nextLine.innerHTML = str;
            marqueeBox.appendChild(nextLine);
        }
        else {
            marqueeBox.childNodes[0].innerHTML = str;
            marqueeBox.appendChild(marqueeBox.childNodes[0]);
            marqueeBox.scrollTop = 0;
        }
        clearInterval(marqueeInterval[1]);
        marqueeInterval[1] = setInterval("scrollMarquee()", 20);
    }
    function scrollMarquee() {
        marqueeBox.scrollTop++;
        if (marqueeBox.scrollTop % marqueeHeight == (marqueeHeight - 1)) {
            clearInterval(marqueeInterval[1]);
        } 
    }
    initMarquee();
</script>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>

</body>
</html>
log琥珀①的主页 log琥珀① | 初学一级 | 园豆:58
提问于:2013-06-08 15:36
< >
分享
最佳答案
0

只要就是根据javascript的定时函数,隔一定的时间将数组的值循环输出

奖励园豆:5
cel | 菜鸟二级 |园豆:380 | 2013-06-08 16:31
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册