8.0滚动标签

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<marquee>滚动文字(默认从右往左)</marquee>

<br>

<marquee direction="down">滚动文字(从上往下)</marquee>
<marquee direction="up">滚动文字(从下往上)</marquee>
<marquee direction="left">滚动文字(从右往左)</marquee>
<marquee direction="right">滚动文字(从左往右)</marquee>

<br>

<marquee behavior="alternate">来回交替进行滚动</marquee>
<marquee behavior="scroll">只滚动一次就停止</marquee>
<marquee behavior="slide">循环滚动(默认效果)</marquee>

<br>

<marquee scrollamount="1">可设置滚动的速度</marquee>
<marquee scrollamount="10">数字越大越快</marquee>
<marquee scrollamount="20">实际它是设置滚动文字每次移动的长度,以像素为单位</marquee>

<br>

<marquee scrolldelay="10">可以设置滚动时间间隔</marquee>
<marquee scrolldelay="100">数字越大相隔时间越大</marquee>
<marquee scrolldelay="100">单位是毫秒,即千分之一秒,设置时间太长会有走走停停的效果</marquee>

<br>

<marquee loop="20">设置滚动循环次数</marquee>
<marquee loop="20">即设置循环滚动几次停止</marquee>

<br>

<marquee bgcolor="red">设置滚动背景颜色</marquee>

<br>


<marquee width="100" height="100" bgcolor="red">滚动的范围</marquee>

<br>

<marquee hspace="100" vspace="100" bgcolor="red">在滚动文字的四周设置水平和垂直空间 </marquee>
<marquee hspace="50" vspace="50" bgcolor="red">hspace为水平范围,vapace为垂直范围</marquee>
<marquee hspace="20" vspace="20" bgcolor="red">作用是在周围建立一个以像素为单位的多大空白空间</marquee>
</body>
</html>

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值