電光掲示板(1)


1.marquee(マーキー)による方法
  (IEのみ対応)

  普通のマーキー
ソースファイル
<marquee>これが、マーキーです。IEでは有効ですが、ネスケでは無効です。</marquee>
ブラウザでの表示
これが、マーキーです。IEでは有効ですが、ネスケでは無効です。


  width=400 bgcolor=pink を指定したマーキー
ソースファイル
<center>
<marquee width="400" bgcolor="pink">指定した幅(ここでは400)で動きます。</marquee>
</center>
ブラウザでの表示
指定した幅(ここでは400)で動きます。




  behavior="slide" を指定したマーキー

ソースファイル
<marquee behavior="slide">左に行くと停止します。</marquee>
ブラウザでの表示
左に行くと停止します。



  behavior="alternate" を指定したマーキー

ソースファイル
<marquee behavior="alternate">両端で折り返します。</marquee>
ブラウザでの表示
両端で折り返します。



  loop="3" を指定したマーキー

ソースファイル
<marquee loop="3">指定した回数(ここでは3回)で消えます。</marquee>
ブラウザでの表示
指定した回数(ここでは3回)で消えます。



  direction="right" を指定したマーキー

ソースファイル
<marquee direction="right">右へ動きます。</marquee>
ブラウザでの表示
右へ動きます。



  scrolldelay="300" を指定したマーキー

ソースファイル
<marquee>普通に動きます(初期値は85)</marquee>
<marquee scrolldelay="300">ゆっくり動きます(設定値は300)</marquee>
ブラウザでの表示
普通に動きます(初期値は85)
ゆっくり動きます(設定値は300)


  scrollamount="2" を指定したマーキー

ソースファイル
<marquee>普通に動きます(初期値は85)</marquee>
<marquee scrollamount="2">ゆっくり動きます(設定値はは2)</marquee>
ブラウザでの表示
普通に動きます(初期値は85)
ゆっくり動きます(設定値は2)



  tableタグを組み合わせたマーキー
ソースファイル
<center>
<table border=5 cellspacing="2" bgcolor="red">
<td>
<marquee bgcolor="pink" width=400">tableタグを組み合わせたマーキー</marquee>
</td>
</table>
</center>
ブラウザでの表示
tableタグを組み合わせたマーキー