天天看点

javascript实现网页公告、热点新闻的切换

function broadcast(wrapId) {
        // 获取新闻列表的父级
        var wrap = document.getElementById(wrapId);
        // 获取新闻列表的每个子元素
        var news = wrap.children;
        // 设置索引
        var index = 0;
        setInterval(function () {
            // 所以自增
            index++;
            // 如果播完最后一条新闻,索引设置为初始值
            if (index >= news.length) {
                index = 0
            }
            for (var i = 0; i < news.length; i++) {
                // 先将所有新闻列表子元素隐藏
                news[i].style.display = "none";
            }
            // 显示某个新闻列表子元素
            news[index].style.display = "block";
        }, 1000)
    }      

继续阅读