HTML——设置滚动文字

最新推荐文章于 2024-08-23 14:38:37 发布

时光·漫步zth

最新推荐文章于 2024-08-23 14:38:37 发布

阅读量10w+

点赞数 62

分类专栏：前端 HTML

本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714

版权

前端同时被 2 个专栏收录

36 篇文章 3 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

1. 滚动文字标签——marquee

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

语法格式：

<marquee>滚动文字</marquee>

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

2. 滚动方向属性——direction

语法格式：

<marquee direction="滚动方向">滚动文字</marquee>

“滚动方向取值”：up、down、left 和 right，其中向左滚动 left 的效果和默认效果相同。

3. 滚动方式属性——behavior

语法格式：

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

behavior的取值	滚动方式
scroll	循环滚动，默认效果
slide	只滚动一次就停止
alternate	来回交替进行滚动

4. 滚动速度属性——scrollamount

语法格式：

<marquee scrollamount="滚动速度">滚动文字</marquee>

在该语法中，滚动文字的速度实际上是设置滚动文字每次移动的长度，以像素为单位。

5. 滚动延迟属性——scrolldelay

语法格式：

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

时间间隔单位是毫秒（千分之一秒）

6. 滚动循环属性——loop

语法格式：

<marquee loop="循环次数">滚动文字</marquee>

7. 滚动范围属性——width、height

如果不设置滚动背景的面积，那么默认情况下，水平滚动的文字背景与文字同高、与浏览器窗口同宽，使用 width 和 height 参数调整其水平和垂直的范围。

语法格式:

<marquee width="" height="">滚动文字</marquee>

宽度和高度的单位均为像素。

8. 滚动背景颜色属性——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>