|
テキストの横スクロール
|
|
|
スクロールの基本設定 要素
テキストの横スクロール バリエーション
サンプル表示画面は、テーブルに背景色と枠を設定して表示しています。
テーブルの学習は、
第四章 テーブル（表を作る）で。
| |
|
（注） 縦横二重指定をする場合
Marquee
二重指定はブラウザIEの拡張機能で、ブラウザ
Netscape Mozilla Opera の
旧バージョンでは正常に表示
されないが、最新版では対応しているのでアップグレードして下さい。
|
|
|
|
テキストのスクロール 表示例 １
|
|
|
<marquee width="100%" height="50" direction="left" behavior="slide" loop="3">
進行方向端で止まる ループを３回に設定
</marquee>
|
|
|
|
|
テキストのスクロール 表示例 ２
|
|
<marquee width="100%" height="50" directon="left" behavior="scroll">
無限に、一定方向に同じ動きを繰り返す
</marquee>
|
|
|
|
|
テキストのスクロール 表示例 ３
|
|
|
<marquee width="100%" behavior="alternate">
左右に往復を繰り返す
</marquee>
|
|
|
|
|
テキストのスクロール 表示例 縦横二重指定
|
|
<Marquee behavior="alternate" direction="up" height="50">
<Marquee direction="right">
ウエブしながら右に流れる
</marquee></marquee>
|
|
|
|
|
テキストの横スクロール バリエーションタグの解説
|
marquee
|
スクロール要素で、この後に各属性を設定する。
| |
width=" "
|
スクロールエリア幅を数値で指定する属性
| |
direction=" "
|
スクロール進行方向を決めるデフォルトデフォルト(規定値)
は左方向に移動する。
| |
direction="left"
|
左方向へスクロールする。
デフォルト(規定値)
| |
direction="right"
|
右方向へスクロール
| |
behavior=" "
|
スクロールの動き方を指定。
| |
behavior="slide"
|
進行方向端で止まる。
| |
behavior="scroll"
|
一定方向に同じ動きを繰り返す。
デフォルト(規定値)
| |
behavior="alternate"
|
上下・左右 指定方向に往復を繰り返す。
| |
loop=" "
|
スクロールと組み合わせて指定する。
ループ回数を指定しない場合、無限
デフォルト(規定値)
になります。
|
|
|
|
|
|
|
|
|
|
|