js实现公告自动滚动

最新推荐文章于 2024-08-16 23:32:07 发布

七彩猫猫虫

最新推荐文章于 2024-08-16 23:32:07 发布

阅读量668

点赞数

分类专栏：工作中的小问题文章标签： javascript 前端

本文链接：https://blog.csdn.net/sdaw_1/article/details/124253353

版权

本文介绍了如何利用JavaScript配合HTML和CSS，实现公告信息的自动滚动效果，详细讲解了相关代码实现步骤，帮助读者理解前端动态展示技术。

摘要由CSDN通过智能技术生成

在这里插入图片描述

html

<div class="test003">
                            <div class="test004">
                                <div class="testTop"><span class="span1">姓名</span>
                                    <span class="span2">状态</span>
                                    <span class="span3">查询积分分数</span>
                                </div>
                                <div id="box">
                                    <ul id="list">
                                        <li><span class="span1">173****3856</span>
                                            <span class="span2">在11:36查询</span>
                                            <span class="span3">108分</span>
                                        <li>
                                        <li><span class="span1">139****1926</span>
                                            <span class="span2">在11:49查询</span>
                                            <span class="span3">120分</span>
                                        <li>
                                        <li><span class="span1">137****2575</span>
                                            <span class="span2">在09:59查询</span>
                                            <span class="span3">110分</span>
                                        <li>
                                        <li><span class="span1">181****6973</span>
                                            <span class="span2">在11:08查询</span>
                                            <span class="span3">120分