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

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>
<head>
    <meta charset="UTF-8">
    <title>html滚动代码</title>
 
</head>
<body>
    <!-- 只用了两个核心属性,别的可以自行实验 -->
    <marquee behavior="scroll" direction="right">
        这里是滚动的内容!
    </marquee>
</body>
</html>


作者头像
哆哆盘创始人

上一篇:自己收藏的一份PS快捷键图
下一篇:美逛APP

发表评论