htmlのmarquee属性について説明します。
このタグはHTML 3.2には含まれておらず、MSIE3以降にのみ対応しています。したがって、IE以外のブラウザ（Netscapeなど）を使用している場合、以下の興味深い効果のいくつかを見ることができないかもしれません。
このタグはコンテナタグです
構文です。
<marquee></marquee>
以下は最も簡単な例です。
コードは以下の通りです。
<marquee><font size=+3 color=red>Hello, World</font></marquee>
よく使われるのは次の2つのイベントです。
onMouseOut="this.start()" : マウスが領域外に出たときにスクロールを継続するように設定するために使用します。
onMouseOver="this.stop()": マウスが領域内に移動したときにスクロールを停止するように設定します。
コードは以下の通りです。
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()": used to set the mouse to continue scrolling when moving out of the area onMouseOver="this.stop()": used to set the mouse to stop scrolling when moving into the area. onMouseOver="this.stop()": used to set the mouse to stop scrolling when moving into the area</marquee>
これは完全に例です。
コードは以下の通りです。
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up& quot; height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10 " scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
This is a complete example
</marquee>
このタグは、最大 11 個の属性をサポートする。
方向付ける
alt;marquee>タグのコンテンツのアライメントを設定する
absbottom: 絶対的なボトムアライメント（g, p などの文字で最下位に位置するアライメント）
absmiddle: 絶対センターアライメント
ベースライン：ボトムラインアライメント
bottom: ボトムアライメント(デフォルト)
左：左揃え
middle: 中央揃え
右：右寄せ
texttop: 最上行のアライメント
top: 上揃え
コードは以下の通りです。
<marquee align="absbottom">align="absbottom": absolute bottom alignment (bottommost alignment with letters like g, p, etc.) </marquee>
<marquee align="absmiddle">align="absmiddle": Absolute center alignment. </marquee>
<marquee align="baseline">align="baseline": Bottom line alignment. </marquee>
<marquee align="bottom">align="bottom": bottom-aligned (default). </marquee>
<marquee align="left">align="left": Left-aligned. </marquee>
<marquee align="middle">align="middle": middle-aligned. </marquee>
<marquee align="right">align="right": right-aligned. </marquee>
<marquee align="texttop">align="texttop": Top line alignment. </marquee>
<marquee align="top">align="top": top alignment. </marquee>
立ち居振る舞い
スクロールを設定する。
alternate: 両端を前後にスクロールすることを示す。
scroll：端から端まで繰り返しスクロールすることを示す。
slide: 端から端まで、繰り返さずにスクロールすることを示す。
コードは以下の通りです。
<marquee behavior="alternate">alternate: Indicates scrolling back and forth between the two ends. </marquee>
<marquee behavior="scroll">scroll: means scroll from one end to the other, will repeat. </marquee>
<marquee behavior="slide">slide: Indicates scrolling from one end to the other, will not repeat. </marquee>
バーカラー
アクティブなキャプションの背景色を設定します。背景色は、RGB、16進数値形式、または色名で設定することができます。
コードは以下の通りです。
<marquee bgcolor="#006699">Set the background color of the active caption bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">Set the background color of the active caption bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">Set the background color of the active caption bgcolor="red"</marquee>
方向性
アクティブキャプションのスクロール方向の設定
コードは以下の通りです。
<marquee direction="down"> nastavuje směr posouvání aktivního titulkudirection="down": down</marquee>
<marquee direction="left"> nastaví směr posouvání aktivního titulkudirection="left": doleva</marquee>
<marquee direction="right"> nastavuje směr posouvání aktivního titulkudirection="right": right</marquee>
<marquee direction="up"> nastavuje směr posouvání aktivního titulkudirection="up": up</marquee>
高さ
アクティブなキャプションの高さを設定する
コードは以下の通りです。
<marquee height="500" direction="down" bgcolor="#CCCCCCCC"> nastavit výšku aktivního nadpisu height="500"</ marquee>
幅
アクティブキャプション幅の設定
コードは以下の通りです。
<marquee width="500" bgcolor="#CCCCCC">Nastavení šířky aktivního titulku width="500"</marquee>
空間
アクティブな見出しが配置される親コンテナの水平方向の端からの距離を設定する。
表示枠の周囲の水平方向のスペースを制御します。
コードは以下の通りです。
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
</tr>
</table>
ブイスペース
親コンテナの垂直方向の端から、アクティブな見出しが位置するまでの距離を設定する。
表示枠の周囲の垂直方向の空間を制御します。
コードは以下の通りです。
<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>
ループ
loop=-1がスクロールの継続を意味する場合のスクロール回数を設定する、デフォルトは-1。
コードは以下の通りです。
<marquee loop="-1" bgcolor="#CCCCCC"> Budu pokračovat. </marquee>
<p> </p>
<marquee loop="2" bgcolor="#CCCCCC">Půjdu jen dvakrát oh</marquee>
スクロールアマウント
アクティブなキャプションのスクロール速度をピクセル単位で設定します。
コードは以下の通りです。
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
スクロリュードレイ
アクティブなキャプションをスクロールするまでの遅延時間をミリ秒単位で設定します。
値を大きくすると段差ができる。
コードは以下の通りです。
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100" </marquee>
<marquee scrolldelay="1000"> scrolldelay="1000" </marquee>
以上、htmlのmarquee属性の詳細について少し紹介しましたが、お役に立てれば幸いです。もし何か質問があれば、私にメッセージをください、私はすぐに皆さんにお答えします。また、スクリプトハウスのウェブサイトを応援してくださる皆様にも感謝いたします。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン