マーキーHTML

マーキーHTML

マーキーHTML タグは、画像やテキストを水平または垂直にスクロールするために使用される非標準の HTML 要素です。

簡単に言うと、画像やテキストを自動的に上下左右にスクロールすると言えます。

マーキー タグは、Microsoft の Internet Explorer の初期バージョンで初めて導入されました。 Netscape の点滅要素と比較されます。


マーキー HTML の例

 This is an example of html marquee  
今すぐテストしてください

出力:

これは HTML マーキーの例です

サポートするブラウザ

要素 クロムブラウザクロム つまりブラウザIE FirefoxブラウザFirefox オペラブラウザオペラ サファリブラウザサファリ
はい はい はい はい はい

HTML マーキー属性

マーキーの要素には、マーキーの外観を制御および調整するために使用されるいくつかの属性が含まれています。

属性 説明
行動 これにより、ユーザーはマーキーの動作をスクロール、スライド、交互の 3 つの異なるタイプのいずれかに設定することが容易になります。
方向 コンテンツをスクロールする方向を定義します。左、右、上、下でも構いません。
マーキーの幅をピクセルまたは%で定義します。
身長 マーキーの高さをピクセルまたは%で定義します。
hスペース マーキーの周囲の水平スペースをピクセル単位で定義します。
vspace マーキーの周囲の垂直方向のスペースをピクセル単位で定義します。
スクロール遅延 スクロール遅延を秒単位で定義します。
スクロール量 スクロール量を数値で定義します。
ループ マーキーコンテンツのループを数値で定義します。
バックカラー 背景色を定義します。それは今です 廃止された

HTML スクロール マーキー

これはデフォルトのプロパティです。これはテキストを右から左にスクロールするために使用され、左側の端に到達するとマーキーの右側から再開します。ループ終了後テキストは消えます。

 This is an example of a scroll marquee...  
今すぐテストしてください

出力:

これはスクロール マーキーの例です...

HTML スライド マーキー

スライド マーキーでは、スクロールされるすべてのコンテンツがマーキーの全長に沿ってスライドしますが、最後で停止してコンテンツが永続的に表示されます。

 This is an example of a slide marquee...  
今すぐテストしてください

出力:

これはスライド マーキーの例です...

HTML 代替マーキー

テキストを右から左にスクロールし、左から右に戻ります。

 This is an example of a alternate marquee...  
今すぐテストしてください

出力:

これは代替マーキーの例です...

HTML マーキーの方向

テキストのスクロール方向を変更するために使用します。マーキーを右にスクロールする例を見てみましょう。方向は左、右、上、下です。

 This is an example of a right direction marquee...  
今すぐテストしてください

出力:

これは右方向マーキーの例です...

ネストされたマーキーの例

 Nested marquee...  
今すぐテストしてください

ネストされたマーキー...

HTML マーキーの欠点

1) 人間の目は常に動きやマーキーのテキストに引き寄せられるため、マーキーは気が散る可能性があります。

2) マーキーテキストは移動するため、スクロール速度によっては静的テキストをクリックするのが難しくなります。

3) これは非標準の HTML 要素です。

4) ユーザーの注意を不必要に引きつけ、テキストを読みにくくします。