の マーキーHTML タグは、画像やテキストを水平または垂直にスクロールするために使用される非標準の HTML 要素です。
簡単に言うと、画像やテキストを自動的に上下左右にスクロールすると言えます。
マーキー タグは、Microsoft の Internet Explorer の初期バージョンで初めて導入されました。 Netscape の点滅要素と比較されます。
JavaScript 警告ボックス
マーキー HTML の例
This is an example of html marquee今すぐテストしてください
出力:
これは HTML マーキーの例ですサポートするブラウザ
要素 | クロム | IE | 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) 人間の目は常に動きやマーキーのテキストに引き寄せられるため、マーキーは気が散る可能性があります。
Javaで文字列を整数に変換する
2) マーキーテキストは移動するため、スクロール速度によっては静的テキストをクリックするのが難しくなります。
3) これは非標準の HTML 要素です。
4) ユーザーの注意を不必要に引きつけ、テキストを読みにくくします。