HTML——设置滚动文字

  1. 滚动文字标签——marquee
    使用标签可以将文字设置为动态滚动的效果。

    语法格式:

 <marquee>滚动文字</marquee>

也可以在标签之间设置文字的字体、颜色等。

  1. 滚动方向属性——direction
    语法格式:
<marquee  direction="滚动方向">滚动文字</marquee>

“滚动方向取值”:up、down、left 和 right,其中向左滚动 left 的效果和默认效果相同。
3. 滚动方式属性——behavior
语法格式:

  <marquee  behavior="滚动方式">滚动文字</marquee>

behavior的取值 滚动方式
scroll 循环滚动,默认效果
slide 只滚动一次就停止
alternate 来回交替进行滚动
在这里插入图片描述

  1. 滚动速度属性——scrollamount
    语法格式:
 <marquee   scrollamount="滚动速度">滚动文字</marquee>

在该语法中,滚动文字的速度实际上是设置滚动文字每次移动的长度,以像素为单位。
5. 滚动延迟属性——scrolldelay
语法格式:

  <marquee  scrolldelay="时间间隔">滚动文字</marquee>

时间间隔单位是毫秒(千分之一秒)

  1. 滚动循环属性——loop
    语法格式:
<marquee  loop="循环次数">滚动文字</marquee>
  1. 滚动范围属性——width、height
    如果不设置滚动背景的面积,那么默认情况下,水平滚动的文字背景与文字同高、与浏览器窗口同宽,使用 width 和 height 参数调整其水平和垂直的范围。
    语法格式:
    滚动文字
    宽度和高度的单位均为像素。
  2. 滚动背景颜色属性——bgcolor
    语法格式:
 <marquee  bgcolor="颜色代码">滚动文字</marquee>

文字背景颜色设置为 16 位颜色码
9. 滚动空间属性——hspace、vspace
语法格式:

<marquee  hspace="水平范围"  vspace="垂直范围">滚动文字</marquee>

水平和垂直范围的单位均为像素。

<!doctype  html>
<html>
<head>
    <title>滚动文字</title>
</head>
	
<body>
<marquee  direction="right"  behavior="alternate"  scrollamount="15"  scrolldelay="10"  loop="2"    height="100"  bgcolor="ABCDEF" >
	<font  face="隶书"  color="#0066FF"  size="5">行尽天涯静默山水间,倾听晚风拂柳笛声残</font>
</marquee>
<marquee  direction="left"  behavior="scroll"  scrollamount="25"  loop="1"  bgcolor="pink"  hspace="90"   vspace="50">
	<font  face="隶书"  color="red"  size="5">踏破芒鞋 烟雨任平生,慧行坚勇 究畅恒无极</font>
</marquee>
</body>
</html>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小兔子要健康

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值