marquee(サンプル)

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素 ---

marquee要素のサンプルです。

  • Operaでは、hspace属性とvspace属性の指定に対応していないようです。

使用例

属性の指定なし

<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>

表示例
標準スピード かなり速く かなり遅く