Html实现滚动文字-类似网页中的公告

效果展示

社会注意核心价值观

社会主义核心价值观24个字是：富强、民主、文明、和谐，自由、平等、公正、法治，爱国、敬业、诚信、友善。 1、“富强、民主、文明、和谐”，是我国社会主义现代化国家的建设目标，也是从价值目标层面对社会主义核心价值观基本理念的凝练，在社会主义核心价值观中居于最高层次，对其他层次的价值理念具有统领作用。 2、“自由、平等、公正、法治”，是对美好社会的生动表述，也是从社会层面对社会主义核心价值观基本理念的凝练。它反映了中国特色社会主义的基本属性，是我们党矢志不渝、长期实践的核心价值理念。 3、“爱国、敬业、诚信、友善”，是公民基本道德规范，是从个人行为层面对社会主义核心价值观基本理念的凝练。

1.描述：Html实现滚动文字-类似网页中的公告

2.原理：使用marquee标签

3.属性:

    *align: 对齐方式-top、middle、bottom

    *direction: 滚动文字方向-up、left、right、dowm

    *behavior: 滚动的方式-scoll（循环滚动）、slide（单次滚动）、alternate(来回滚动)

    *loop: 滚动的次数-默认-1且Infinite无限滚动

    *scrollamount：滚动的速度

    *scrooldelay: 滚动的间隔

    *width：滚动区域宽度

    *height：滚动区域的高度

    *bgcolor: 滚动背景

    *hspace: 滚动区域与浏览器边界的水平距离

    *wspace: 滚动区域与浏览器边界的垂直距离

4.代码：

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>滚动文字开发</title>
     
    </head>
    <body>
        <!-- 只用了两个核心属性，别的可以自行实验 -->
        <marquee behavior="scroll" direction="right">
            滚动文字开发！
        </marquee>
    </body>
    </html>