文字スクロールのサンプル

[新着] TAG indexオフライン版 3.0 を準備中です


<marquee>(サンプル)

ブラウザ
Internet Explorer Netscape7 Firefox Opera7
タイプ
独自拡張

marqueeタグのサンプルです。

※IE以外のブラウザでは、対応していないオプションもあります。


使用例

オプションを指定しない場合Internet ExplorerNetscape7FirefoxOpera7

<marquee>標準はこのような感じです</marquee>

これをブラウザで見ると次のように表示されます

標準はこのような感じです

スクロール範囲の背景色を指定した場合Internet ExplorerFirefoxOpera7

<marquee bgcolor="#d9d9ff">背景色を変更</marquee>

これをブラウザで見ると次のように表示されます

背景色を変更

背景色と横幅を指定した場合Internet ExplorerFirefoxOpera7

<marquee bgcolor="#d9d9ff" width="50%">スクロール範囲の横幅を半分に</marquee>

これをブラウザで見ると次のように表示されます

スクロール範囲の横幅を半分に

背景色と上下左右の余白を指定した場合Internet Explorer

<marquee bgcolor="#d9d9ff" hspace="50" vspace="20">余白の指定</marquee>

これをブラウザで見ると次のように表示されます

余白の指定

往復させる動きを指定した場合Internet ExplorerNetscape7FirefoxOpera7

<marquee behavior="alternate">左右に移動を繰り返す</marquee>

これをブラウザで見ると次のように表示されます

左右に移動を繰り返す

移動方向を「左から右」に指定した場合Internet ExplorerNetscape7FirefoxOpera7

<marquee direction="right">左から右に移動</marquee>

これをブラウザで見ると次のように表示されます

左から右に移動

移動方向を上から下に指定した場合Internet ExplorerNetscape7Opera7

<marquee direction="down" height="100">上から下に移動</marquee>

これをブラウザで見ると次のように表示されます

上から下に移動

入れ子にした場合Internet ExplorerOpera7

<marquee direction="down" behavior="alternate" height="100">

<marquee behavior="alternate"></marquee>

</marquee>

これをブラウザで見ると次のように表示されます


移動速度の比較Internet ExplorerNetscape7FirefoxOpera7

<marquee scrolldelay="85" scrollamount="6">標準スピード</marquee>

<marquee scrolldelay="50" scrollamount="10" truespeed>かなり速く</marquee>

<marquee scrolldelay="200" scrollamount="3">かなり遅く</marquee>

これをブラウザで見ると次のように表示されます

標準スピード かなり速く かなり遅く


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版