簡単ＨＴＭＬ 文字を動かしてみよう
動きのいろいろを 見るとき
コピーして自由に試して使ってみてください
文字を流してみるには MARQUEE タグを使います
| <MARQUEE>デフォルトは左スクロール</MARQUEE> |
|---|
| 何も指定しないときは次のように動きます |
| <MARQUEE DIRECTION="right">右へスクロール</MARQUEE> |
|---|
| 次のように左から右へと文字が流れます |
| <MARQUEE BEHAVIOR="alternate">右へ左へ行ったり来たり</MARQUEE> |
|---|
| 次のように文字が往復します |
<MARQUEE BEHAVIOR="slide">右から出てきて左で止まります</MARQUEE>
次のように文字動きます
文字の往復の応用
移動幅を変えてみよう
| <MARQUEE BEHAVIOR="alternate"WIDTH= 400 > 文字が行ったりきたり</MARQUEE> |
|---|
| この赤数字を変えれば 動く距離が変わります |
<MARQUEE BEHAVIOR="alternate"WIDTH=600 >文字が行ったりきたり</MARQUEE>
<MARQUEE BEHAVIOR="alternate"WIDTH=200 >文字が行ったりきたり
</MARQUEE>
文字を上下に動かしてみよう
<MARQUEE DIRECTION=UP WIDTH=
100
HEIGHT=
100
>A</MARQUEE>
下から上に
<MARQUEE DIRECTION=DOWN WIDTH=
100
HEIGHT=
200
>B</MARQUEE>
上から下に
WIDTHは表示幅 HEIGHTは表示高さ
赤数字
を変えれば変更できます
次のような動きになります
ＴＯＰへ戻る
文字の往復の応用へ戻る
© Rakuten Group, Inc.
