文字スクロールのサンプル

■属性の指定なし

<marquee>通常はこのような感じです</marquee>

表示例

---

■スクロール領域の背景色を指定

<marquee bgcolor="#d9d9ff">背景色を指定</marquee>

表示例

---

■スクロール領域の幅を指定

<marquee width="50%" bgcolor="#d9d9ff">スクロール領域の幅を半分に</marquee>

表示例

---

■上下左右の余白を指定

<marquee bgcolor="#d9d9ff" hspace="50" vspace="20">余白の指定</marquee>

表示例

---

■往復させる動きを指定

<marquee behavior="alternate">左右の移動を繰り返す</marquee>

表示例

---

■左から右への移動を指定

<marquee direction="right">左から右へ移動</marquee>

表示例

---

■上から下への移動を指定

<marquee height="100" direction="down">上から下へ移動</marquee>

表示例

---

■入れ子にした例

<marquee width="50%" height="100" bgcolor="#d9d9ff" direction="down" behavior="alternate">

<marquee behavior="alternate">●</marquee>

</marquee>

表示例

---

■移動速度の比較

<marquee scrolldelay="85" scrollamount="6">標準スピード</marquee>

<marquee scrolldelay="50" scrollamount="10" truespeed>かなり速く</marquee>

<marquee scrolldelay="200" scrollamount="3">かなり遅く</marquee>

表示例