angular——话题精选（动态更换显示一条）

最新推荐文章于 2025-09-13 09:06:35 发布

Angela㐅cc

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hu-clover/p/5410681.html

本文介绍了一个使用JavaScript实现的话题动态更新机制，通过定时将话题列表中的第一个话题移至末尾来达到更新的效果。示例中包括了三个股市相关的话题：政府限购政策、A股市场趋势以及中国股市赢家分析。

<!-------------------- 话题精选 ----------------------->
        <section class="white_bg topics ">
            <header class="fix_container ">
                <div class="fix_top_left" id="topics_mark"><i class="icon-topic"></i></div>
                <ul id="topic_title" >
                    <li ng-repeat="topic in data.topics" class="font_16_14 black_title one_line_text" ng-click="action.toPage('tab.home-recommend-topic-detail')">
                        #{{topic}}#
                    </li>
                </ul>
                <button class="btn blue_text_btn fix_top_right" ng-click="">更多</button>
            </header>
        </section>

// 话题更新
        $scope.data.topics = [
            "为什么政府突然不让你买房了啊啊啊啊啊",
            "A股趋势何去何从",
            "谁才是中国股市最大赢家"
        ];

        function NewsTickerAutoPlay() {
            $("#topic_title li:first-child").remove().appendTo("#topic_title");
        }

        setInterval(function () {
            NewsTickerAutoPlay()
        }, 5000);

转载于:https://www.cnblogs.com/hu-clover/p/5410681.html