清华大学图书馆主页 - INTERNET 教室 - HTML 语言教程

# 会移动的文字(Marquee)

## 基本语法

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

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

啦啦啦，我会移动耶！

## 文字移动属性的设置

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

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

啦啦啦，我从右向左移！

啦啦啦，我从左向右移！

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

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

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

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

啦啦啦，我来回走耶！

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

  `<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <P>
  <marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <P>
  <marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>`

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

啦啦啦，我只走 3 趟哟！

### 速度 <scrollamount=#>

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

啦啦啦，我走得好快哟！

### 延时 <scrolldelay=#>

  `<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>`

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

## 外观(Layout)设置

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

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

啦啦啦，我会移动耶！

对齐上沿。

啦啦啦，我会移动耶！

对齐中间。

啦啦啦，我会移动耶！

对齐下沿。

### 底色 <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=#>

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

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

HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New

Network Communication Design
http://www.newasp.net/
C&P 1994-2006 Xin Yun newasp.net@gmail.com