23,882
个编辑
更改
文字滚动
,创建页面，内容为“HTML——设置滚动文字 原创 时光·漫步zth 2018-05-14 阅读数：35198 关注 1. 滚动文字标签——marquee 使用<marquee>标签可以将文...”
HTML——设置滚动文字 原创
时光·漫步zth
2018-05-14 阅读数：35198
关注
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>
文章最后发布于: 2018-05-14
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714
时光·漫步zth
2018-05-14 阅读数：35198
关注
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>
文章最后发布于: 2018-05-14
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41573234/article/details/80313714
