html5 会移动的文字(Marquee)

古城微笑少年丶 2022-09-20 11:29 153阅读 0赞

## 基本语法 ##

### <marquee> ... </marquee> ###

<marquee>啦啦啦，我会移动耶！</marquee>

啦啦啦，我会移动耶！

## ![\+][Image 1]文字移动属性的设置 ##

### 方向 <direction=\#> \#=left, right ###

<marquee direction=left>啦啦啦，我从右向左移！</marquee> <marquee direction=right>啦啦啦，我从左向右移！</marquee>

啦啦啦，我从右向左移！

啦啦啦，我从左向右移！

### 方式 <bihavior=\#> \#=scroll, slide, alternate ###

<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> 
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> 
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>

啦啦啦，我一圈一圈绕着走！

啦啦啦，我只走一次就歇了！

啦啦啦，我来回走耶！

### 循环 <loop=\#> \#=次数；若未指定则循环不止(infinite) ###

啦啦啦，我只走 3 趟哟！

### 速度 <scrollamount=\#> ###

<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

啦啦啦，我走得好快哟！

### 延时 <scrolldelay=\#> ###

啦啦啦，我走一步，停一停！

## ![\+][Image 1] 外观(Layout)设置 ##

### 对齐方式(Align) <align=\#> \#=top, middle, bottom ###

<marquee align=\# width=400>啦啦啦，我会移动耶！</marquee> 
 
对齐上沿、中间、下沿。

啦啦啦，我会移动耶！对齐上沿。

啦啦啦，我会移动耶！对齐中间。

啦啦啦，我会移动耶！对齐下沿。

### 底色 <bgcolor=\#> ###

**\#=rrggbb** 16 进制数码，或者是下列预定义色彩： Black, Olive, Teal, Red, Blue,  Maroon, Navy,  Gray, Lime,  Fuchsia, White,  Green, Purple,  Silver, Yellow,  Aqua

<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>

啦啦啦，我会移动耶！

### 面积 <height=\# width=\#> ###

<marquee height=40 width=50% bgcolor=aaeeaa> 
啦啦啦，我会移动耶！ 
</marquee>

啦啦啦，我会移动耶！

### 空白(Margins)<hspace=\# vspace=\#> ###

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 
嗨, 
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee> 
大家好！ 
\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*  
嗨,  啦啦啦，我会移动耶！ 大家好！

[Image 1]: