[新着] Webテンプレートを仮オープンしました
marqueeタグのサンプルです。
※IE以外のブラウザでは、対応していないオプションもあります。
■オプションを指定しない場合![]()
![]()
![]()
![]()
<marquee>標準はこのような感じです</marquee>
▼これをブラウザで見ると次のように表示されます
■スクロール範囲の背景色を指定した場合![]()
![]()
![]()
<marquee bgcolor="#d9d9ff">背景色を変更</marquee>
▼これをブラウザで見ると次のように表示されます
■背景色と横幅を指定した場合![]()
![]()
![]()
<marquee bgcolor="#d9d9ff" width="50%">スクロール範囲の横幅を半分に</marquee>
▼これをブラウザで見ると次のように表示されます
■背景色と上下左右の余白を指定した場合![]()
<marquee bgcolor="#d9d9ff" hspace="50" vspace="20">余白の指定</marquee>
▼これをブラウザで見ると次のように表示されます
■往復させる動きを指定した場合![]()
![]()
![]()
![]()
<marquee behavior="alternate">左右に移動を繰り返す</marquee>
▼これをブラウザで見ると次のように表示されます
■移動方向を「左から右」に指定した場合![]()
![]()
![]()
![]()
<marquee direction="right">左から右に移動</marquee>
▼これをブラウザで見ると次のように表示されます
■移動方向を上から下に指定した場合![]()
![]()
![]()
<marquee direction="down" height="100">上から下に移動</marquee>
▼これをブラウザで見ると次のように表示されます
■入れ子にした場合![]()
![]()
<marquee direction="down" behavior="alternate" height="100">
<marquee behavior="alternate">●</marquee>
</marquee>
▼これをブラウザで見ると次のように表示されます
■移動速度の比較![]()
![]()
![]()
![]()
<marquee scrolldelay="85" scrollamount="6">標準スピード</marquee>
<marquee scrolldelay="50" scrollamount="10" truespeed>かなり速く</marquee>
<marquee scrolldelay="200" scrollamount="3">かなり遅く</marquee>
▼これをブラウザで見ると次のように表示されます