文字滚动

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" > 行尽天涯静默山水间，倾听晚风拂柳笛声残 </marquee> <marquee direction="left" behavior="scroll" scrollamount="25" loop="1" bgcolor="pink" hspace="90" vspace="50"> 踏破芒鞋烟雨任平生,慧行坚勇究畅恒无极 </marquee> </body> </html>