| 文字･画像スクロールのサンプル |
<marquee>のサンプル |
|
<marquee>タグのサンプルです。 |
 Internet Exp.以外のブラウザでは、対応していないオプションもあります。 |
|
| ★ 使用例とブラウザでの表示 |
 |
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
| <marquee>オプションなし</marquee> |
|
<marquee bgColor=khaki>背景色を指定
</marquee> |
|
<marquee bgColor=pink width=50%>スクロール
幅は半分です</marquee> |
|
| |
<marquee bgColor=plum vSpace=10 hSpace=20>
上下：10、左右：20 の余白を指定</marquee> |
|
| |
<marquee behavior=alternate>左右の移動を繰り返す
</marquee> |
|
<marquee direction=right>左から右に移動
</marquee> |
|
| |
<marquee height=45 direction=down>上から下に移動
</marquee> |
|
|
|
|
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
<marquee direction=down behavior=alternate
height=100 bgColor=khaki>
①<img src="../acc/prv/ballRed.gif">
</marquee>
<marquee behavior=alternate bgColor=pink>
②<img src="../acc/prv/ballBlue.gif">
</marquee> |
|
| |
| ↓ ①と②を入れ子に設定 |
<marquee direction=down behavior=alternate
height=100 bgColor=bisque>
<marquee behavior=alternate>
③<img src="../acc/prv/ballBlue.gif">
</marquee>
</marquee> |
|
|
|
|
|
|
| 使 用 例 |
|
ブラウザの表示 |
|---|
| |
<marquee scrolldelay=85 scrollamount=6>
標準の速度</marquee> |
|
<marquee scrolldelay=50 scrollamount=10 truespeed>
かなり速く移動</marquee> |
|
<marquee scrolldelay=150 scrollamount=3>
かなり遅く移動</marquee> |
|
<marquee scrolldelay=50 scrollamount=1 truespeed>
なめらかに移動</marquee> |
|
|
|
|
へ