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

11_HTML_CSS 专栏收录该内容
3 篇文章 0 订阅

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>

  • 7
    点赞
  • 2
    评论
  • 31
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页

打赏

TianXinCoord

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值